/* stylelint-disable selector-class-pattern */
.fixed {
  overflow: hidden;
}
.nc-header {
  position: sticky;
  top: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 2.2rem;
  padding: 0 0.75rem;
  background-color: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.nc-header .link {
  display: block;
  width: 100%;
  height: 100%;
}
.nc-header .logo {
  width: 7.8rem;
  height: 1.45rem;
  background: url("../image/logo.png") no-repeat;
  background-size: contain;
}
.nc-header .home {
  width: 1.15rem;
  height: 1.05rem;
  background: url("../image/home@2x.png") no-repeat;
  background-size: contain;
}
.nc-header .menu {
  width: 1.1rem;
  height: 0.95rem;
  background: url("../image/icon_menu.png") no-repeat;
  background-size: contain;
}
.nc-header .menu-list {
  position: absolute;
  top: 2.2rem;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 0;
  overflow: hidden;
  background-color: #f5f7f8;
  transition: height 0.24s ease-in-out;
}
.nc-header .menu-list .links {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0.75rem;
}
.nc-header .menu-list .link {
  width: 3.9rem;
  height: 1.75rem;
  margin-bottom: 0.75rem;
  font-size: 0.7rem;
  line-height: 1.75rem;
  text-align: center;
  background-color: #fff;
  border: 1px solid #d4d2d2;
  border-radius: 0.375rem;
}
.nc-header .menu-mask {
  position: fixed;
  top: 2.2rem;
  left: 0;
  width: 100%;
  height: 0;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
  transition: opacity 0.24s ease-in-out;
}
.nc-header.show .menu-list {
  height: 14.5rem;
}
.nc-header.show .menu-mask {
  height: 100%;
  opacity: 1;
}

.nc-footer {
  padding: 0.9rem 0 3.5rem;
  color: #999;
  font-size: 0.55rem;
  line-height: 0.8rem;
  text-align: center;
}

#mobile_icon_div {
  display: none !important;
}

.foot-kefu {
  position: fixed;
  bottom: 0.75rem;
  left: 0;
  z-index: 999999;
  display: flex;
  justify-content: center;
  width: 100%;
}
.foot-kefu .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 7.5rem;
  height: 2rem;
  margin: 0 0.25rem;
  color: #fff;
  font-size: 0.75rem;
  line-height: 2rem;
  border-radius: 2rem;
}
.foot-kefu .btn::before {
  width: 1rem;
  height: 1rem;
  margin-right: 0.6rem;
  background: center no-repeat;
  background-size: contain;
  content: "";
}
.foot-kefu .phone {
  background: #fe582b;
}
.foot-kefu .phone::before {
  background-image: url("../image/icon_tel.png");
}
.foot-kefu .kefu {
  position: relative;
  background: #183668;
}
.foot-kefu .kefu::before {
  background-image: url("../image/icon_chat.png");
}
.foot-kefu .kefu span {
  position: absolute;
  top: -0.5rem;
  right: 0;
  display: none;
  width: 1rem;
  height: 1rem;
  color: #fff;
  font-size: 0.6rem;
  line-height: 1rem;
  text-align: center;
  background: red;
  border-radius: 50%;
}

.panel {
  position: relative;
}

.roll-us .txt-scroll {
  top: 7.3rem;
  right: 0.9rem;
}

.roll-uk .txt-scroll {
  top: 9.2rem;
  right: 0.6rem;
}

.roll-ca .txt-scroll {
  top: 9.8rem;
  right: 0.3rem;
}

.roll-au .txt-scroll {
  top: 9rem;
  right: 0.65rem;
}

.roll-jp .txt-scroll {
  top: 10.73rem;
  right: 0.65rem;
}

.roll-kr .txt-scroll {
  top: 9.25rem;
  right: 0.6rem;
}

.roll-sg .txt-scroll {
  top: 9.2rem;
  right: 0.6rem;
}

.roll-my .txt-scroll {
  top: 9.2rem;
  right: 0.6rem;
}

.roll-hk .txt-scroll {
  top: 10.1rem;
  right: 0.8rem;
  width: 9.2rem;
}

.form-us {
  background: #1d2248;
}
.form-us .kaptcha-btn,
.form-us .submit {
  background: #b21a21;
}

.form-ca {
  background: #8c5631;
}
.form-ca .kaptcha-btn,
.form-ca .submit {
  background: #ff6801;
}

.form-au {
  background: #1c0c91;
}
.form-au .kaptcha-btn,
.form-au .submit {
  background: linear-gradient(to right, #d3bd8c, #78592d);
}

.form-oy {
  position: absolute;
  top: 2.6rem;
  left: 0;
  z-index: 10;
  width: 100%;
}
.form-oy .kaptcha-btn,
.form-oy .submit {
  background: #b21a21;
}

.form-jp {
  background: #e26b1c;
}
.form-jp .form-box .form-privacy {
  color: #fff;
}
.form-jp .form-box .form-privacy a {
  color: currentcolor;
}
.form-jp .kaptcha-btn,
.form-jp .submit {
  background: #009a98;
}

.form-kr {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
}
.form-kr .form-box {
  width: 13rem;
}
.form-kr .form-box .form-item,
.form-kr .form-box .form-code input {
  border-color: #e0e0e0;
}
.form-kr .kaptcha-btn,
.form-kr .submit {
  background: #f36a0c;
}

.form-sg {
  background: #d61a38;
}
.form-sg .form-box .form-privacy {
  color: #fff;
}
.form-sg .form-box .form-privacy a {
  color: currentcolor;
}
.form-sg .kaptcha-btn,
.form-sg .submit {
  background: #4254ff;
}

.form-hk {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
}
.form-hk .form-box {
  width: 12.8rem;
}
.form-hk .form-box .form-item,
.form-hk .form-box .form-code input {
  border-color: #e0e0e0;
}
.form-hk .kaptcha-btn,
.form-hk .submit {
  background: #f36a0c;
}

.form-up {
  position: absolute;
  top: 1.5rem;
  left: 0;
  z-index: 10;
  width: 100%;
}
.form-up .form-box {
  width: 14rem;
}
.form-up .form-box .form-item,
.form-up .form-box .form-code input {
  border-color: #e0e0e0;
}
.form-up .kaptcha-btn,
.form-up .submit {
  background: #f36a0c;
}

.form-box {
  width: 15rem;
  margin: auto;
  padding: 1rem 0;
}
.form-box .form-item {
  box-sizing: border-box;
  width: 100%;
  height: 1.8rem;
  margin-bottom: 0.5rem;
  overflow: hidden;
  font-size: 0.7rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.form-box .form-item-code {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
.form-box .form-item input {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 0 0.5rem;
  border: 0;
  border-radius: 0.25rem;
  outline: 0;
}
.form-box .form-code {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
.form-box .form-code input {
  box-sizing: border-box;
  padding: 0 0.5rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  outline: 0;
}
.form-box .form-privacy {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
  color: #b0b0b0;
  font-size: 0.6rem;
}
.form-box .form-privacy .privacy-validate {
  margin-right: 2px;
  cursor: pointer;
}
.form-box .form-privacy a {
  color: #ff7d00;
  text-decoration: none;
}
.form-box .kaptcha-btn,
.form-box .submit {
  box-sizing: border-box;
  width: 100%;
  height: 1.8rem;
  color: #fff;
  font-size: 15px;
  border: 0;
  border-radius: 0.25rem;
  cursor: pointer;
  transition: background 0.24s;
}
.form-box .kaptcha-btn:focus,
.form-box .submit:focus {
  outline: none;
}
.form-box .kaptcha-btn,
.form-box .kaptcha-code {
  width: 48%;
}

.txt-scroll {
  position: absolute;
  z-index: 10;
  width: 10.5rem;
  height: 1rem;
  line-height: 1rem;
}
.txt-scroll .scrollbox {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  transition: all 0.2s;
}
.txt-scroll .txt,
.txt-scroll .txt-clone {
  position: relative;
  display: inline;
  font-size: 0.55rem;
}

.page-jp .swiper-scroll .swiper-container {
  width: 100%;
  height: auto;
  margin-right: auto;
  margin-left: auto;
}

.page-jp .swiper-scroll .gallery-thumbs .swiper-wrapper {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
}

.page-jp .swiper-scroll .gallery-thumbs .swiper-slide {
  display: block;
  flex-grow: 1;
  margin: 0.5rem 0.125rem 0.125rem;
  padding: 0.25rem;
  color: #fff;
  font-weight: bold;
  font-size: 0.7rem;
  line-height: 1.5rem;
  text-align: center;
  background: #003432;
}

.page-jp .swiper-scroll .gallery-thumbs .swiper-slide-thumb-active {
  background: #009a98;
}

.page-jp .swiper-scroll .chat {
  position: absolute;
  right: 3rem;
  bottom: 0.5rem;
  display: block;
  width: 12.5rem;
  height: 2.5rem;
}

.page-up .swiper-scroll .gallery-thumbs {
  height: 20%;
  padding: 10px 0;
  font-size: 0.7rem;
}

.page-up .swiper-scroll .gallery-thumbs .swiper-slide {
  height: 100%;
  padding: 0.25rem 0.275rem;
  color: #000;
  text-align: center;
  border: 0.025rem solid #084586;
  border-radius: 0.25rem;
  opacity: 0.4;
}
.page-up .swiper-scroll .gallery-thumbs .swiper-slide:first-child {
  margin-left: 0.6rem !important;
}

.page-up .swiper-scroll .gallery-thumbs .swiper-slide-thumb-active {
  color: #fff;
  font-weight: bold;
  background: #084586;
  opacity: 1;
}