* {
  padding: 0;
  margin: 0;
  list-style: none;
  text-decoration: none;
  border: none;
}

.link {
  text-decoration: underline;
}

area {
  outline: none;
}

textarea {
  border: none;
  outline: none;
  resize: none;
  appearance: none;
}

input::-webkit-calendar-picker-indicator {
  display: none;
  opacity: 0;
}

body {
  font-family: '微软雅黑', 'Microsoft YaHei';
  background: #dfe8ef;
}

a:link,
a:visited,
a:hover,
a:active {
  text-decoration: none;
  /* color: inherit; */
}

.clearfix:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  zoom: 1;
}

.wrap {
  width: 100%;
}
.infoBox,
.payMethods,
.goodsList,
.payBox,
.form {
  position: relative;
}
.top {
  width: 100%;
  height: 373px;
  background: url(../../images/v1/banner.jpg?v=1) no-repeat top center;
  position: relative;
}

.main {
  width: 100%;
  /* background: #e1e7ef url('../../images/main_top.jpg?v=1') no-repeat top center; */
}

.content {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  max-width: 1920px;
  margin: 0 auto;
  padding: 30px 40px;
  box-sizing: border-box;
}
.rightBox {
  width: 31%;
  min-width: 512px;
  margin-left: 0;
}

.titleBox {
  width: 100%;
  min-height: 74px;
  background: linear-gradient(to bottom, #4b88f0, #55b9fe);
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
  padding: 10px 20px;
  box-sizing: border-box;
  border-radius: 10px 10px 0 0;
}

.title {
  height: auto;
  min-height: 42px;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 1px;
  margin-right: 10px;
  flex: 0 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  word-break: break-word;
  overflow-wrap: break-word;
}

.title1 {
  background: url(../../images/v1/title_icon1.png?v=1) no-repeat 0 center/auto 42px;
  padding-left: 46px;
}

.title2 {
  background: url(../../images/v1/title_icon2.png?v=1) no-repeat 0 center/auto 36px;
  padding-left: 46px;
}

.title3 {
  background: url(../../images/v1/title_icon3.png?v=1) no-repeat 0 center/auto 36px;
  padding-left: 56px;
}
.title4 {
  background: url(../../images/v1/title_icon4.png?v=1) no-repeat 0 center/auto 36px;
  padding-left: 46px;
}

.helpBtn {
  width: 30px;
  height: 30px;
  background: #fff;
  font-size: 24px;
  font-weight: bold;
  color: #74b3ee;
  line-height: 32px;
  text-align: center;
  border-radius: 50%;
  flex-shrink: 0;
  margin-left: 10px;
}

.form {
  position: relative;
  background: #fff;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  border-radius: 0 0 10px 10px;
}
.formBox {
  width: 470px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.infoBox {
  background: #fff;
  height: auto;
  display: flex;
  justify-content: left;
  align-items: center;
  padding: 20px;
  border-radius: 0 0 10px 10px;
}
.roleMessage {
  display: flex;
  flex-direction: column;
  justify-content: left;
  align-items: start;
  color: #30588f;
}
.roleMessage p {
  margin-bottom: 10px;
}
.roleMessage span {
  text-align: center;
  color: #49627e;
  font-weight: bold;
  border-radius: 3px;
  margin-right: 10px;
}

.okIcon {
  width: 50px;
  height: 50px;
  background: url('../../images/ok.png?v=1') no-repeat top center/100% 100%;
  display: block;
  margin: 0 auto 8px;
}

/* .top .selectBox {
  min-width: 167px;
  height: 64px;
  line-height: 64px;
  z-index: 4;
  margin-left: 10px;
}

.form .selectBox {
  min-width: 387px;
  max-width: 494px;
  height: 76px;
  line-height: 76px;
  margin-left: 50px;
  margin-right: 30px;
  position: relative;
  z-index: 3;
  background: #fff;
}

.form .selectBtn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 7px 0 14px;
  position: relative;
  background: #d3e7f7;
  border-radius: 10px;
}

.form .selectBtn > p {
  color: #3f5185;
} */

.earthLogo {
  height: 30px;
  padding-right: 7px;
}

.selectBtn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: max-content;
  height: 64px;
  text-align: center;
  padding-left: 30px;
}
.selectBtn::after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #fff;
  vertical-align: middle;
  margin-right: 10px;
}

.selectBtn > p {
  flex: 1;
  font-size: 20px;
  color: #fff;
  margin-right: 7px;
}

.icon_1 {
  width: 45px;
  height: 45px;
  background-position: 0 0;
  display: block;
}

.icon_2 {
  width: 19px;
  height: 11px;
  background-position: -150px 0;
  display: block;
  float: right;
}

.icon_2_1 {
  width: 45px;
  height: 45px;
  background-position: -90px 0;
  display: block;
  float: right;
}

/* .form .selectList {
  padding: 0 20%;
  width: 60%;
  background: #d3e7f7;
  border-radius: 0 0 10px 10px;
}

.form .selectList li {
  width: 100%;
  height: 54px;
  border-bottom: 1px solid #bdd4ec;
  line-height: 54px;
  margin-bottom: 8px;
  font-size: 20px;
  color: #3f5185;
} */

.selectList {
  background: #fff;
}

.selectList li {
  margin-bottom: 8px;
  font-size: 20px;
}

.selectList li h4 {
  color: #fff;
  flex: 1;
  height: 48px;
  line-height: 48px;
  background: linear-gradient(to bottom, #4b88f0, #55b9fe);
  text-align: center;
}

.selectList li div {
  width: 100%;
  /* display: flex; */
  /* justify-content: center; */
  /* align-items: center;
  flex-wrap: wrap; */
}

.selectList li .country {
  height: 48px;
  line-height: 48px;
  display: block;
  color: #292929;
  flex-shrink: 0;
  text-align: center;
  border-bottom: 1px solid #c2c0be;
  margin: 0 20px;
}

.selectList li .country.focus {
  color: #4d91f3;
}
.selectList li :last-child.country {
  border-bottom: none;
}

.icon_3 {
  background-position: 0 -71px;
}

.icon_4 {
  background-position: 0 -117px;
}

.icon_5 {
  background-position: 0 -163px;
}

.selectList li:last-child {
  margin: 0;
}

.InputRole {
  width: 210px;
  height: 55px;
  line-height: 55px;
  padding-left: 14px;
  background: #e3edf2;
  display: block;
  color: #49627e;
  font-size: 22px;
  border: none;
  border-radius: 5px;
}

.InputRole::placeholder {
  color: #aabec8;
  font-size: 22px;
}

.infoBtn,
.payBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 217px;
  height: 66px;
  text-align: center;
  color: #955b00;
  font-size: 24px;
  font-weight: bold;
  background: url(../../images/v1/submit_btn.png?v=1) no-repeat top center / 100% 100%;
}

.RoleInfo {
  color: #fff;
  font-size: 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.loginOut {
  width: 229px;
  height: 66px;
  text-align: center;
  color: #955b00;
  font-size: 23px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 25px;
  background: url(../../images/v1/submit_btn.png?v=1) no-repeat top center / 100% 100%;
  padding: 0 10px;
  box-sizing: border-box;
}
.payMethodsBox {
  margin-top: 25px;
}

.payMethods {
  padding: 20px;
  background: #fff;
  position: relative;
}
.payMethodsList {
  height: 263px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
.payMethodsList::-webkit-scrollbar {
  width: 8px;
  background-color: #e3edf2;
}

.payMethodsList::-webkit-scrollbar-track {
  background-color: #e3edf2;
  border-radius: 4px;
}

.payMethodsList::-webkit-scrollbar-thumb {
  background: linear-gradient(to bottom, #4b89f1, #56bbff);
  border-radius: 4px;
}

.payMethodsList::-webkit-scrollbar-thumb:hover {
  background-color: #55b9fe;
}

.payMethods li {
  padding-left: 5px;
  margin-bottom: 19px;
  width: 90%;
  min-width: 435px;
  height: 75px;
  line-height: 75px;
  background: #daedff;
  color: #49627e;
  font-weight: bold;
  font-size: 20px;
  flex-shrink: 0;
  position: relative;
  z-index: 2;
  border-radius: 10px;
}

.payMethods li .payIcon {
  width: 140px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  margin: 8px 10px 0 0;
}

.payMethods li img {
  max-width: 100%;
  max-height: 100%;
}

.payMethods li p {
  color: #ff7b15;
  font-size: 14px;
  padding-left: 5px;
  height: 23px;
  line-height: 23px;
  position: absolute;
  bottom: 0;
}

.payMethods li span {
  padding-left: 20px;
  border-left: 2px solid #232b31;
  white-space: nowrap;
  font-size: 16px;
}

.payMethods li.focus {
  background: #f7ad24;
  color: #fff;
}

.payMethods li.focus span {
  border-color: #fff;
}

.goodsBox {
  position: relative;
  flex: 1;
  max-width: 1200px;
}

.goodsList {
  padding: 26px 45px;
  background: #fff;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  row-gap: 26px;
  column-gap: 49px;
  justify-content: flex-start;
  overflow: hidden;
  border-radius: 0 0 10px 10px;
}

.goodsList li {
  width: 240px;
  height: 296px;
  background: url('../../images/v1/list_bg.png?v=1') no-repeat;
  position: relative;
  z-index: 2;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  border-radius: 16px;
}
.bigIcon {
  margin: 33px auto 14px;
}

.goodsList li.highlight {
  background: url('../../images/v1/list_light.png?v=1') no-repeat;
}

.goodsList li.hover {
  background: url('../../images/v1/list_focus.png?v=1') no-repeat;
}

.limit {
  width: 60px;
  height: 60px;
  background: url(../../images/v1/hot.png?v=1) no-repeat top center / 100% 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}

.giftIcon {
  width: 50px;
  height: 56px;
  background: url(../../images/v1/giftIcon.png?v=1) no-repeat top center/100% 100%;
  position: absolute;
  right: -20px;
  bottom: -9px;
  z-index: 2;
}

.goodsList li .goods {
  /* float: left;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-top: 20px;
  color: #fff;
  margin-left: 10px; */
  text-align: center;
}

.goodsList li .prize {
  min-width: 180px;
  width: max-content;
  height: 40px;
  text-align: center;
  color: #fff;
  font-size: 20px;
  margin: 0 auto;
  background: #f7ad24;
  border-radius: 20px;
  line-height: 40px;
}

.goods .redDiamondCount {
  width: 100%;
  height: 25px;
  font-size: 16px;
  font-weight: normal;
  line-height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
  font-weight: bold;
  margin: 10px 0;
}
.goods .redDiamondCount img {
  width: 21px;
  height: 18px;
  vertical-align: middle;
}
.goods .redDiamondCount em {
  color: red;
  font-style: normal;
}

.percentage {
  position: absolute;
  color: #fff;
  width: max-content;
  height: 26px;
  background: #ff3737;
  left: 8px;
  top: 8px;
  text-align: center;
  font-size: 20px;
  line-height: 26px;
  padding: 0 10px;
  font-style: normal;
  border-radius: 13px;
}

.limitCount {
  width: 100%;
  color: #000;
  text-align: center;
  line-height: 40px;
  font-size: 12px;
}

.limitTime {
  font-size: 18px;
  color: #49627e;
  margin-bottom: 5px;
  padding: 18px;
  width: 100%;
  background: #e3edf2;
  border-radius: 10px;
  margin: 0 auto;
}

.limitTime span {
  white-space: normal;
  word-break: break-word;
}

.payBox {
  width: 100%;
  background: #fff;
  align-items: center;
  font-size: 22px;
  margin-top: 25px;
  color: #49627e;
  border-radius: 10px;
}

/* .payBox.scrollBottom {
  position: relative;
  width: 100%;
  height: 296px;
} */

.payBox .info {
  color: #49627e;
  width: 98%;
  padding: 20px 10px 0;
  box-sizing: border-box;
  border-bottom: 1px solid #fff;
  margin: 0 auto;
  font-weight: bold;
  font-size: 26px;
}

.payBox > div {
  line-height: 40px;
}

.payBox > div span {
  font-size: 36px;
  color: #ffc600;
  font-weight: bold;
}

/* .payBox > div > p {
  font-size: 16px;
} */

/* 批量购买 */
.chaseQuantity {
  /* display: flex; */
  padding: 20px;
}
.quantity {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.quantity p {
  /* padding: 10px 0 15px 0; */
  font-size: 26px;
}

.numBox {
  width: 240px;
  height: 56px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  background: #ebf4fb;
  border-radius: 29px;
  -webkit-border-radius: 29px;
  -moz-border-radius: 29px;
  -ms-border-radius: 29px;
  -o-border-radius: 29px;
}
.numMinus,
.numPlus {
  width: 42px;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  cursor: pointer;
  border-radius: 50%;
}
.button-disabled {
  cursor: not-allowed;
  filter: grayscale(100%);
}
.numBox i {
  display: block;
  width: 26px;
  height: 26px;
}
.button-disabled i {
  opacity: 0.1;
}
.numBox em {
  font-style: normal;
  color: #667ba2;
  font-size: 30px;
}
.inputGoodsNum {
  width: 55px;
  height: 34px;
  color: #6799ff;
  background: #fff;
  font-size: 30px;
  text-align: center;
  border: 2px solid #60a9ff;
  box-sizing: border-box;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.numBox .icon-reduce {
  background: url(../../images/v1/reduce.png) center no-repeat;
}
.numBox .icon-plus {
  background: url(../../images/v1/add.png) center no-repeat;
}
.settleBox {
  display: flex;
  justify-content: space-between;
  padding: 20px;
  background: linear-gradient(to bottom, #4b88f0, #55b9fe);
  align-items: center;
  border-radius: 0 0 10px 10px;
}
.totalPrice {
  color: #fff;
  font-size: 26px;
}
.totalPrice span {
  color: #ffde3e;
  font-size: 36px;
  white-space: nowrap;
}

.goodsMsg {
  padding: 0 10px;
  box-sizing: border-box;
  background: #e3edf2;
  color: #49627e;
  border-radius: 6px;
}
.ml0 {
  margin-left: 0;
}
/* .goodsMsg .goods_detail {
  padding-bottom: 8px;
} */

.skewBtn {
  display: none;
}

.popup {
  width: 600px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 101;
  padding: 20px;
  background: #e1f2ff;
  display: none;
  border-radius: 0.2rem;
}

.popup1 {
  width: 1200px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 102;
  /* padding: 40px 20px; */
  background: #e2f1f6;
  color: #49627e;
  font-size: 16px;
  line-height: 30px;
  /* border: 4px solid #74bee8; */
  border-radius: 10px;
}
.rechargeGuidance {
  width: 90%;
  background: #fff;
  border-radius: 10px;
  color: #49627e;
  margin: 20px auto;
  padding: 20px;
}
.rechargeGuidance p {
  text-align: center;
  line-height: 1.5;
}

.popupGuide {
  width: 1200px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 101;
  background: #e2f1f6;
  overflow: hidden;
  border-radius: 10px;
}

.popupGuide .scroll {
  margin-top: 0;
}

.scroll {
  max-height: 700px;
  overflow-y: auto;
  overflow-x: hidden;
  text-align: center;
  font-size: 20px;
  color: #49627e;
  font-weight: bold;
  font-family: '微软雅黑';
  border-radius: 10px;
}

.desc {
  padding: 10px 0;
  text-align: left;
  white-space: normal;
  word-break: break-word;
}

.desc b {
  font-size: 0.4rem;
}

.scroll::-webkit-scrollbar-track {
  background-color: #286cc8;
  -webkit-box-shadow: inset 0 0 6px #242d3e;
}

.scroll::-webkit-scrollbar {
  width: 5px;
  background-color: #286cc8;
}

.scroll::-webkit-scrollbar-thumb {
  background-color: #286cc8;
  border-radius: 5px;
}

.close {
  position: absolute;
  right: 5px;
  top: 6px;
  cursor: pointer;
  width: 40px !important;
  z-index: 2;
}

.bottom {
  padding: 40px 0;
  width: 100%;
  background: #000;
  color: #fff;
}

.contactUs {
  width: 355px;
  height: 32px;
  background: url('../../images/followUs.png') no-repeat top left;
  margin-bottom: 10px;
  text-indent: 50px;
  font-size: 20px;
  font-weight: bold;
}

.icon_index {
  display: block;
  width: 58px;
  height: 58px;
  background-position: -211px -150px;
}

.icon_fb {
  display: block;
  width: 58px;
  height: 58px;
  background-position: -285px -150px;
  margin: 0 30px 0 20px;
}

.copyright {
  width: 1200px;
  margin: 0 auto;
}

.copyright > div {
  display: flex;
}

.copyright > div p {
  width: 1020px;
  line-height: 32px;
  font-size: 16px;
  word-break: break-word;
}

.copyright > div a {
  color: #75777a;
  line-height: 30px;
  margin-top: 12px;
}

.tips {
  color: #fff;
  font-size: 20px;
  position: absolute;
  right: 10px;
}

.roleBox {
  margin-right: 30px;
}

.roleBox ul {
  width: 224px;
  position: absolute;
  background: #d8dde2;
  z-index: 3;
  border-radius: 0 0 5px 5px;
}

.roleBox ul li {
  line-height: 40px;
  color: #3f5185;
  font-size: 16px;
  text-align: center;
  font-weight: normal;
}

.worlds {
  position: fixed;
  top: 86px;
  background: #fff;
  right: 40px;
  overflow: auto;
  max-height: 50%;
  z-index: 10;
  border-radius: 10px;
  z-index: 4;
}

.worlds::-webkit-scrollbar {
  width: 1px;
}

.worlds ul:last-child {
  margin-bottom: 20px;
}

.guide_m {
  display: none;
}

.guide_pc {
  display: block;
}

.guide_bg {
  width: 1200px;
  position: relative;
}

.guide_bg h3,
.addHome h3 {
  color: #fff;
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 10px;
  min-height: 55px;
  background: linear-gradient(to bottom, #4b88f0, #55b9fe);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 50px;
}

.descBox1,
.descBox2 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.guide_bg ul li {
  width: 530px;
  /* height: 336px; */
  float: left;
  margin: 18px 29px;
  font-size: 12px;
  /* border: 1px solid #cea957; */
  border-radius: 10px;
  position: relative;
  background: #fff;
  padding: 5px;
}

.guide_bg img {
  width: 493px;
}

.step_icon {
  width: 145px;
  height: 47px;
  display: block;
  position: absolute;
  top: 14px;
  left: 11px;
}

.step1_icon {
  background: url('../../images/v1/step1.png?v=1');
}

.step2_icon {
  background: url('../../images/v1/step2.png?v=1');
}

.step3_icon {
  background: url('../../images/v1/step3.png?v=1');
}

/* .guide_bg ul li.step3 {
  width: 914px;
  text-align: left;
  padding-left: 22px;
} */

/* .step3 img {
  display: inline;
} */

/* .step3 img:last-child {
  float: right;
  margin-right: 22px;
} */

.popupGuide .desc,
.popup1 .desc {
  width: 340px;
  min-height: 50px;
  padding-left: 163px;
  display: flex;
  align-items: center;
  font-size: 16px;
}

/* .popupGuide .close,.popupGuide .close {
  right: -45px;
  top: 0;
} */

.guideBtn {
  width: max-content;
  height: 52px;
  line-height: 52px;
  background: #abd3ff;
  margin-left: 40px;
  color: #232b31;
  font-size: 26px;
  display: block;
  text-align: center;
  padding: 0 24px;
  border-radius: 5px;
  border: 1px solid #6cb1f3;
  color: #1b4d8c;
  font-weight: bold;
  box-shadow: inset 0 0 2px #8bbaf2;
  cursor: pointer;
}

.guideBtn_TW,
.guideBtn_HK {
  margin-left: 80px;
}

.guideBtn_JP,
.guideBtn_KR {
  margin-left: 190px;
}

.guideBtn_KR {
  margin-left: 200px;
}

.guideBtn em {
  display: table-cell;
  vertical-align: middle;
  font-style: normal;
  line-height: 25px;
}

.mask,
.maskTips {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
}
.maskTips {
  display: none;
}
.moreMethod {
  color: #78b3de;
  margin-top: 10px;
  font-size: 16px;
  display: block;
  width: 100%;
  font-weight: bold;
}

.moreMethod a {
  color: #78b3de;
}

.moreMethod span {
  color: #78b3de;
  font-weight: bolder;
  position: relative;
  top: 4px;
  left: 4px;
}

.moreMethod span.down {
  color: #78b3de;
  font-weight: bolder;
  position: relative;
  top: -4px;
  left: 4px;
}

.recommended {
  width: 125px;
  height: 24px;
  background: url('../../images/recommended.png?v=1') no-repeat;
  position: absolute;
  right: -1px;
  top: 0;
  display: block;
}

.focus .recommended {
  width: 125px;
  height: 24px;
  background: url('../../images/recommended.png?v=1') no-repeat;
  position: absolute;
  right: 0;
  top: 0;
  display: block;
}

.fire {
  width: 10px;
  height: 12px;
  background: url('../../images/fire.png?v=1') no-repeat;
  display: inline-block;
}

.confirmPopup {
  width: 450px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  text-align: center;
  border-radius: 10px;
  font-size: 16px;
  z-index: 101;
  padding-bottom: 20px;
}
.confirmPopup ul {
  width: 340px;
  margin: 10px auto;
  border-radius: 10px;
}

.confirmPopup li {
  height: 30px;
  line-height: 30px;
  text-align: left;
  padding-left: 10px;
  color: #49627e;
  font-size: 16px;
  font-weight: bold;
}

.confirmPopup a {
  width: 134px;
  height: 46px;
  display: inline-block;
  text-align: center;
  line-height: 46px;
  font-size: 16px;
  font-weight: bold;
  margin: 5px 10px;
  position: relative;
}

.confirmPopup a.cancleBtn {
  background: url('../../images/v1/sure.png?v=1') no-repeat top center/100% 100%;
  color: #fff;
  filter: grayscale(1);
}

.confirmPopup a.okBtn {
  background: url('../../images/v1/sure.png?v=1') no-repeat top center/100% 100%;
  color: #8a572d;
}

.limitTip {
  width: 95%;
  color: #fff;
  font-size: 14px;
  margin: 0 auto;
  text-align: left;
}

.noscroll {
  overflow: hidden;
  height: 100%;
}
.error-container {
  width: 470px;
}

.errorTips {
  color: red;
  display: none;
  width: 100%;
  flex-basis: 100%;
  padding: 0;
}

.serviceBtn {
  width: 38px;
  height: 33px;
  background: url('../../images/v1/service.png?v=1') no-repeat;
  margin-right: 30px;
}

.goQuestionnaire {
  width: 100px;
  height: 119px;
  background: url('../../images/goTuestionnaire.png?v=1') no-repeat top center/100% 100%;
  position: fixed;
  z-index: 3;
  right: 0;
  top: 50%;
}

.icon_bottom_1 {
  width: 71px;
  height: 71px;
  background: url('../../images/icon_bottom_1.png?v=1') no-repeat top center;
  display: inline-block;
  margin: 0 4px;
}

.icon_bottom_2 {
  width: 71px;
  height: 71px;
  background: url('../../images/icon_bottom_2.png?v=1') no-repeat top center;
  display: inline-block;
  margin: 0 4px;
}

.icon_bottom_3 {
  width: 71px;
  height: 71px;
  background: url('../../images/icon_bottom_3.png?v=1') no-repeat top center;
  display: inline-block;
  margin: 0 4px;
}

.icon_bottom_4 {
  width: 71px;
  height: 71px;
  background: url('../../images/icon_bottom_4.png?v=1') no-repeat top center;
  display: inline-block;
  margin: 0 4px;
}

.icon_bottom_5 {
  width: 71px;
  height: 71px;
  background: url('../../images/icon_bottom_5.png?v=1') no-repeat top center;
  display: inline-block;
  margin: 0 4px;
}
.icon_bottom_6 {
  width: 71px;
  height: 71px;
  background: url('../../images/icon_bottom_6.png?v=1') no-repeat top center;
  display: inline-block;
  margin: 0 4px;
}

.alertPopup {
  width: 485px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  text-align: center;
  font-size: 16px;
  z-index: 101;
  border-radius: 10px;
}
.popupTitle {
  width: 100%;
  height: 60px;
  line-height: 60px;
  color: #fff;
  background: linear-gradient(to bottom, #4b88f0, #55b9fe);
  border-radius: 10px 10px 0 0;
}

.alertPopup p {
  color: #49627e;
  padding: 50px 20px;
  text-align: center;
  font-weight: bold;
}

.goActivity {
  position: absolute;
  right: 0;
  z-index: 3;
  top: 11%;
}

.goActivity img {
  width: 250px;
}

.closeImg {
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  right: 10px;
  top: 10px;
  background: url('../../images/close_v1.png') no-repeat top center/100% 100%;
}

.noticeMask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
}

.noticeMask .alertPopup {
  padding: 40px 20px;
  min-height: 300px;
}

.noticeMask p {
  padding: 10px 10px;
  text-align: left;
}

.noticeMask .close {
  z-index: 10;
}

.noticeIcon {
  width: 247px;
  height: 354px;
  background: url('../../images/noticeBg.png?v=1') no-repeat top center;
  position: absolute;
  left: 93.5%;
  bottom: 0;
}

.noticeMask h2 {
  color: #fff;
  font-size: 40px;
}

[v-cloak] {
  display: none;
}

.icon-load {
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url(../../images/loading1.gif) no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.confirmPopup a.confirmLoading {
  background-color: #46506d;
}

.addhomeBtn {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  width: max-content;
  padding: 0 20px;
  background: #1a1a1a;
  height: 40px;
  border-radius: 20px;
}
.addhomeBtn::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 25px;
  background: url('../../images/V1/add_home_btn.png?V=1') no-repeat top left/24px 23px;
  vertical-align: middle;
  margin-right: 3px;
}
.addhomeBtn span {
  color: #fff;
}

.addhomeBtn img,
.storeBtn img {
  margin-right: 20px;
}

.addHomeAlert {
  width: 580px;
  min-height: 136px;
  background: #fff;
  border-radius: 10px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 101;
}
.addHomeAlert p {
  padding: 20px 20px 60px;
  word-break: break-word;
  font-size: 22px;
  color: #49627e;
}

.confirmAddHome {
  background: #2073e3;
  height: 40px;
  cursor: pointer;
  line-height: 40px;
  box-sizing: border-box;
  color: #fff;
  font-size: 22px;
  position: absolute;
  bottom: 20px;
  right: 36px;
  min-width: 100px;
  padding: 0 20px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}

.addHome {
  width: 800px;
  height: 760px;
  background: #fff;
  border-radius: 10px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* display: flex; */
  flex-direction: column;
  align-items: center;
  z-index: 101;
}

.addHome_close {
  position: absolute;
  right: 0;
  top: 9px;
  width: 52px;
  height: 50px;
  cursor: pointer;
  background: url(../../images/addHome_close.png?v=1) no-repeat center;
}

.addHome_header {
  width: 490px;
  word-break: break-word;
  padding-top: 18px;
  text-align: center;
  font-size: 26px;
  color: #fff;
  font-weight: bold;
}
.appImg {
  width: 125px;
  height: 125px;
  margin: 24px auto 10px;
}
.appImg img {
  width: 125px;
}

.addHome_header_JP,
.addHome_header_ID,
.addHome_header_TH {
  font-size: 20px;
}

.addHome_header_US,
.addHome_header_DE {
  font-size: 18px;
}

.addHome_header_PT,
.addHome_header_ES,
.addHome_header_FR {
  font-size: 17px;
}

/* .addHome_header_DE {
  font-size: 14px;
}
 */
.appName {
  width: 100%;
  text-align: center;
  font-size: 28px;
  color: #ffd004;
  font-weight: bold;
}

.iosGuideImg {
  width: 348px;
  margin: 20px auto;
  display: block;
}

.adGuide {
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  color: #49627e;
  box-sizing: border-box;
  word-break: break-word;
  padding: 0 20px;
}

.adGuide_PT,
.adGuide_ES,
.adGuide_FR,
.adGuide_TH,
.adGuide_DE {
  font-size: 20px;
}

.adGuide1 {
  padding-bottom: 8px;
}

.installAppAlert {
  width: 400px;
  min-height: 200px;
  background: #fff;
  /*  border: 3px solid #b7bfd2; */
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  position: fixed;
  top: 6px;
  right: 270px;
  z-index: 101;
}

.install_title {
  /*   color: #fff; */
  font-size: 20px;
  padding: 10px 0 16px 10px;
}

.app_msg {
  display: flex;
  padding-left: 10px;
}

.app_msg img {
  width: 60px;
  margin-right: 18px;
}

.app_msg .app_content p {
  line-height: 30px;
}

.install_footer {
  position: absolute;
  bottom: 10px;
  right: 20px;
}

.install_footer button {
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  background: #3f97fd;
  height: 30px;
  cursor: pointer;
  line-height: 30px;
  box-sizing: border-box;
  font-size: 18px;
  min-width: 80px;
  padding: 0 20px;
  border-radius: 18px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
  -o-border-radius: 18px;
}

.install_footer .cancel_btn {
  background: #fff;
  border: 1px #aec7fd solid;
  color: #415e96;
  margin-right: 10px;
}

.install_footer .install_btn a {
  display: block;
  width: 100%;
  height: 100%;
}

/* .title_PT {
  font-size: 24px;
}

.titleBox_PT .title_PT {
  font-size: 23px;
  letter-spacing: -1px;
}

.guideBtn_FR {
  font-size: 18px;
}

.title_FR {
  font-size: 20px;
  font-weight: normal;
}

.title_DE {
  font-size: 22px;
}

.guideBtn_DE {
  font-size: 18px;
  text-indent: 16px;
}

.title_ES {
  font-size: 22px;
  letter-spacing: -0.8px;
}

.guideBtn_ES {
  font-size: 18px;
}

.guideBtn_SP {
  font-size: 18px;
}

.guideBtn_PT {
  font-size: 18px;
}
.guideBtn_ID {
  font-size: 16px;
} */

input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.nav {
  background: rgba(0, 0, 0);
  position: fixed;
  top: 0;
  margin: 0 auto;
  width: 100%;
  height: 68px;
  max-width: 1920px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 9;
}
.logo .logoImg {
  height: 40px;
  margin-left: 20px;
}
.logo .officialLogo {
  height: 40px;
  margin-left: 5px;
}
.navLink {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  bottom: -12px;
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
}

.navLink img {
  width: 135%;
  max-width: 1260px;
}
.navLink_HK img,
.navLink_JP img,
.navLink_TH img,
.navLink_KR img,
.navLink_ID img {
  width: 100%;
  max-width: 1000px;
}
.navLink a {
  background: url(../../images/bannerLink.png) no-repeat top center / 100% 100%;
  min-width: 316px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #f9f6bd;
  font-size: 22px;
  margin-top: 20px;
  padding: 0 30px;
  font-weight: 600;
}
.topRight {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 40px;
}
.storeBtn {
  min-width: 181px;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: none;
  top: 20px;
  color: #efcb72 !important;
  font-weight: bold;
  font-size: 20px;
  margin: 0 50px;
  cursor: pointer;
}
.guideTips {
  position: absolute;
  top: 20px;
  left: 228px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #9fa1a2;
  font-size: 20px;
  font-weight: 600;
}
.guideTips img {
  width: 25px;
  height: 25px;
  cursor: pointer;
  margin-left: 10px;
}
.pointTips {
  background: url(../../images/poingtBg.png) no-repeat top center / 100% 100%;
  text-indent: 15px;
  font-size: 16px;
  color: #fff;
  position: absolute;
  top: -13px;
  left: 0;
  width: 140px;
  height: 30px;
  line-height: 30px;
  font-style: normal;
  font-weight: 600;
}
/* .payMethods:after,
.goodsList:after,
.form:after,
.infoBox:after,
.payBox:after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 517px;
  height: 309px;
  background: url('../../images/aftter-img.png?v=1') no-repeat;
  z-index: 1;
  pointer-events: none;
}
.payBox:after {
  background: url('../../images/aftter-img1.png?v=1') no-repeat;
  z-index: -1;
  width: 467px;
  height: 382px;
} */

.popupCheckout {
  width: 600px;
  font-size: 16px;
  z-index: 1000;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  min-width: 350px;
  min-height: 100px;
  padding-bottom: 20px;
  width: 720px;
  padding-bottom: 0;
  font-family:
    -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'Noto Sans',
    'Liberation Sans', Arial, sans-serif;
  border-radius: 10px;
}
.popupCheckoutCent {
  display: block;
  min-height: auto;
  padding-bottom: 0;
  max-height: 600px;
  overflow-y: auto;
}
.popupCheckout em,
.popupCheckout i {
  font-style: normal;
}
.popupCheckout .checkoutTop {
  padding: 0 20px;
}

.popupCheckoutCent .van-cell {
  background: #f2f2f2;
}
.popupCheckoutCent .van-collapse-item__title--expanded {
  background: #fff;
}
.popupCheckoutCent .f1nkl3c5 {
  border: none;
}
.popupCheckoutCent .f12f32ws {
  display: none;
}
.checkoutDelete {
  color: #558dfa;
  position: absolute;
  top: 10px;
  right: 30px;
}
.checkoutTitle {
  display: flex;
  align-items: center;
}
.checkoutTitle span {
  width: 15px;
  height: 15px;
  border: 1px solid #a5a5a5;
  border-radius: 50%;
  background: #fff;
}
.popupCheckoutCent .van-collapse-item__title--expanded .checkoutTitle span {
  width: 9px;
  height: 9px;
  border: 4px solid #165ddf;
  border-radius: 50%;
  background: #fff;
}
.checkoutTitle i {
  width: 40px;
  height: 26px;
  margin: 0 10px;
  background: url(../../images/checkoutVisa.png);
  background-size: 100%;
}
.checkoutTitle em {
  color: #676767;
  font-size: 14px;
}
.checkoutTitle i.checkoutvisa {
  background: url(../../images/checkoutVisa.png);
  background-size: 100%;
}
.checkoutTitle i.checkoutmastercard {
  background: url(../../images/checkoutMastercard.png);
  background-size: 100%;
}
.checkoutTitle i.checkoutdiners {
  background: url(../../images/checkoutDiners.png);
  background-size: 100%;
}

.checkoutTitle i.checkoutjcb {
  background: url(../../images/checkoutjcb.png);
  background-size: 100%;
}

.checkoutTitle i.checkoutdiscover {
  background: url(../../images/checkoutdiscover.png);
  background-size: 100%;
}

.checkoutTitle i.checkoutamericanexpress {
  background: url(../../images/checkoutamericanexpress.png);
  background-size: 100%;
}

.checkoutTitle i.checkoutDefault {
  background: url(../../images/checkoutDefault.png);
  background-size: 100%;
}

.checkoutTop ul {
  display: flex;
  justify-content: space-between;
}
.checkoutTop li {
  width: 48%;
  color: #676767;
}
.checkoutTop li span {
  padding-bottom: 10px;
  display: block;
  color: #333;
}
.checkoutTop li p {
  background: #f2f2f2;
  height: 45px;
  border-radius: 3px;
  line-height: 45px;
  padding-left: 16px;
  /* border: 1px solid #949494; */
}
.checkoutInput {
  position: relative;
}
.checkoutInput input {
  padding: 0 17px;
  border: 1px solid #949494;
  border-radius: 3px;
  line-height: 43px;
  height: 43px;
  width: 89%;
}
.checkoutInput input:focus {
  border: 1px solid #186aff;
  outline: 4px ridge rgba(24, 106, 255, 0.4);
  border-radius: 4px;
}
.checkoutInput.checkoutInputError span {
  color: #ad283e;
}
.checkoutInput.checkoutInputError input {
  border: 1px solid #ad283e;
}
.checkoutInput em {
  background: url(../../images/checkoutCvv.jpg);
  width: 25px;
  height: 21px;
  position: absolute;
  top: 42px;
  right: 15px;
}
.checkoutInput.checkoutInputError em {
  background: url(../../images/checkoutCvvError.jpg);
}
.checkoutErrorTips {
  display: none;
  color: #ad283e;
  position: absolute;
}
.checkoutInput.checkoutInputError .checkoutErrorTips {
  display: block;
}
.checkoutPayBtn {
  background: #226cfc;
  height: 48px;
  line-height: 48px;
  color: #fff;
  font-size: 15px;
  text-align: center;
  border-radius: 3px;
  margin: 31px 20px 10px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.checkoutPayBtn span {
  background: url(../../images/checkoutPay.png);
  width: 20px;
  height: 20px;
  display: block;
  background-size: 100%;
  margin-right: 10px;
}
.checkoutSaveCard {
  margin: 0 0 23px 23px;
}
.popupCheckoutCent::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.adyen_cent {
  height: 100%;
}

.popupCheckoutCent::-webkit-scrollbar-thumb {
  border-radius: 8px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #09a5ee;
}

.popup_adyen_cent::-webkit-scrollbar-track,
.popupCheckoutCent::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  background: #fdfbf7;
}

.checkoutPaySuccess,
.checkoutPayFail {
  display: flex;
  width: 100%;
  min-height: 300px;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  line-height: 30px;
  font-size: 16px;
  color: #333;
}
.checkoutPayImg {
  width: 80px;
}

.checkoutPopupBtn {
  background: #2d3857;
  color: #fff;
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin-top: 15px;
  border-radius: 10px;
  cursor: pointer;
  position: absolute;
  bottom: 20px;
  width: 550px;
  left: 50%;
  transform: translateX(-50%);
}
body::-webkit-scrollbar {
  display: none;
}
.payMainpopup .close {
  display: none;
}