div {
  box-sizing: border-box;
}
body {
  font-family: "Noto Sans JP";
  background-image: url("../image/bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}
:root {
  --bg-color: #1e1e2f;
  --primary-color: #ff6b6b;
  --secondary-color: #4ecdc4;
  --text-color: #f1f2f6;
  --card-bg: #2f2f3f;
}
@media screen and (min-width: 750px) {
  html {
    font-size: 56px !important;
  }
}
.page-box {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100vh;
}
.page-box .img-box {
  font-size: 0px;
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  height: 4rem;
}
.page-box .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-box .page-container {
  max-width: 20rem;
  margin: 0 auto;
  padding: 0px 0.533333rem;
  margin-bottom: 0.533333rem;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.page-box .page-container header {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 0.266667rem;
}
.page-box .page-container header .logo {
  width: 5.333333rem;
  font-size: 0px;
}
.page-box .page-container header .logo img {
  width: 100%;
  height: 100%;
}
.page-box .page-container header .title {
  color: #FFF;
  text-align: center;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  font-family: "Noto Sans JP";
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.page-box .page-container header .title span {
  color: #0DFF6A;
  font-size: 1.2rem;
}
.page-box .page-container .page-content {
  margin: 0px 0.533333rem;
  flex-shrink: 0;
  margin-top: -0.8rem;
}
.page-box .page-container .page-content .title {
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  font-family: "Noto Sans JP";
  font-size: 0.426667rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: #FFEC00;
  text-align: center;
}
.page-box .page-container .page-content ul li {
  color: #ffffff;
  font-family: "Noto Sans JP";
  font-size: 0.346667rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0px;
  padding-left: 0.48rem;
  position: relative;
  margin-top: 0.266667rem;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.page-box .page-container .page-content ul li span {
  color: #FFEC00;
}
.page-box .page-container .box-1-box {
  max-width: 750px;
  display: block;
  position: relative;
}
.page-box .page-container .box-1-box img {
  width: 100%;
}
.page-box .page-container .box-1 {
  max-width: 750px;
  padding: 0px 0.533333rem;
  margin: 0px 0.533333rem;
}
.page-box .page-container .box-1 .input-box {
  margin: 0 auto;
}
.page-box .page-container .box-1 .input-box input {
  font-size: 0.32rem;
  width: 100%;
  height: 0.933333rem;
  text-align: center;
  margin-top: 0.533333rem;
  border-radius: 0.133333rem;
  background: #ffffff;
  border: 1px solid #1A6BFF;
  color: #000;
}
.page-box .page-container .box-1 .search-box {
  text-align: center;
  margin-top: 0.426667rem;
}
.page-box .page-container .box-1 .search-box .btn {
  padding: 9px 0px;
  color: #FFFAFA;
  font-family: "Noto Sans JP";
  font-size: 0.426667rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  width: 100%;
  display: inline-block;
  border-radius: 50px;
  background: #1E64DE;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.page-box .page-container .box-1 .des-tips {
  text-align: center;
  color: #171717;
  font-family: "Noto Sans JP";
  font-size: 0.32rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 10px;
}
.page-box .page-container .exem {
  background: #ffffff;
  text-align: center;
  margin-top: 0.533333rem;
  border-radius: 0.4rem;
  overflow: hidden;
}
.page-box .page-container .exem .title {
  color: #FF0606;
  font-family: "Noto Sans JP";
  font-size: 0.373333rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-top: 0.373333rem;
}
.page-box .box-2-box {
  max-width: 750px;
  margin: -0.533333rem auto 0px auto;
  display: none;
  position: fixed;
  top: 50%;
  width: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.page-box .box-2-box .res-content {
  margin: 0px 1.066667rem;
  flex-shrink: 0;
  position: relative;
  border-radius: 10px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  max-width: 750px;
  border: 1px solid #1A6BFF;
  background: #000;
}
.page-box .box-2-box .res-content .tt-box {
  display: flex;
  margin-top: -1.066667rem;
}
.page-box .box-2-box .res-content .tt-box .logo {
  width: 2.4rem;
  height: 2.4rem;
  font-size: 0px;
  margin-left: -0.266667rem;
}
.page-box .box-2-box .res-content .tt-box .logo img {
  width: 100%;
  height: 100%;
}
.page-box .box-2-box .res-content .tt-box .title {
  color: #FFEC00;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  font-family: "Noto Sans JP";
  font-size: 0.426667rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-top: 1.4rem;
  margin-left: -0.533333rem;
}
.page-box .box-2-box .res-content .res-con {
  padding: 0px 0.453333rem 0.933333rem 0.453333rem;
}
.page-box .box-2-box .res-content .res-con ul {
  border-left: 1px solid #979797;
}
.page-box .box-2-box .res-content .res-con ul li {
  color: #ffffff;
  font-family: "Noto Sans JP";
  font-size: 0.346667rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0px;
  padding-left: 0.373333rem;
  position: relative;
  margin-top: 0.533333rem;
}
.page-box .box-2-box .res-content .res-con ul li span {
  color: #FF0606;
}
.page-box .box-2-box .res-content .res-con .btn-box {
  margin: 0.586667rem 0px 0px 0px;
  border-radius: 50px;
  background: #06C152;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  color: #FFF;
  font-family: "Noto Sans JP";
  font-size: 0.32rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: center;
  padding: 0.24rem 0.373333rem;
  -webkit-animation: button 1.5s cubic-bezier(0.61, 0.2, 0.63, 1.36) infinite;
  animation: button 1.5s cubic-bezier(0.61, 0.2, 0.63, 1.36) infinite;
}
.page-box footer {
  text-align: center;
  padding: 20px;
  background: #111;
  color: #666;
  font-size: 0.32rem;
  margin-top: auto;
  width: 100%;
  box-sizing: border-box;
}
.page-box footer a {
  margin: 0 8px;
  color: #444;
}
@keyframes button {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(0.96, 0.94);
    transform: scale(0.96, 0.94);
  }
}
.page-box .ai-modal {
  position: fixed;
  background: rgba(0, 0, 0, 0.9);
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 1000;
}
.page-box .ai-modal .pro-box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.page-box .ai-modal .pro-box .word {
  font-size: 0.533333rem;
  color: #ffffff;
  margin-bottom: 10px;
}
@keyframes button {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(0.96, 0.94);
    transform: scale(0.96, 0.94);
  }
}
.layui-progress-bar {
  background: linear-gradient(90deg, #ffffff 0%, #ff6b6b 100%), #ffffff;
}
.layui-progress-big,
.layui-progress-big .layui-progress-bar {
  height: 13px !important;
  line-height: 13px !important;
}
::-webkit-input-placeholder {
  color: #000;
  opacity: 1 !important;
}
::-moz-placeholder {
  color: #000;
  opacity: 1 !important;
}
:-ms-input-placeholder {
  color: #000 !important;
  opacity: 1 !important;
}
:-moz-placeholder {
  color: #000;
  opacity: 1 !important;
}
.placeholder {
  color: #000 !important;
  opacity: 1 !important;
}
#background-video {
  width: 100%;
  margin-top: 0.453333rem;
}