* {
  padding: 0;
  margin: 0;
  list-style: none;
  text-decoration: none;
  border: none;
}
i,
em {
  font-style: normal;
}
area {
  outline: none;
}

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

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

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
body {
  font-family: '微软雅黑', 'Microsoft YaHei';
  background: #ebf7c8;
}
::-webkit-scrollbar {
  width: 0;
}

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

.clearfix {
  zoom: 1;
}

.logo {
  position: absolute;
  left: 19px;
  top: 36px;
  z-index: 1;
}

.logo img {
  width: 200px;
}

.icons {
  background: url('../../images/icons.png?v=3') no-repeat;
}

.wrap {
  width: 100%;
}

.top {
  width: 100%;
  height: 437px;
  background: url('../../images/v1/top.jpg?v=1') no-repeat top center;
}
.header {
  width: 100%;
  height: 75px;
  background: url('../../images/v1/header.png?v=1') no-repeat top center;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.headerLeft {
  display: flex;
  margin-left: 38px;
}
.headerRight {
  display: flex;
  margin-right: 47px;
  align-items: center;
}

.main {
  width: 100%;
  background: #ebf7c8 url('../../images/v1/main.jpg?v=1') no-repeat bottom center;
}

.content {
  width: 1321px;
  margin: 0 auto;
  min-height: 1100px;
  padding-bottom: 100px;
  position: relative;
}
.loginFront {
  width: 1405px;
  height: 108px;
  line-height: 108px;
  background: url(../../images/v1/titleBg.png?v=1) no-repeat top center;
  display: flex;
  margin-left: -85px;
  align-items: center;
}
.loginFront .roleBox {
  margin-left: 140px;
}

.titleBox {
  width: 1405px;
  height: 111px;
  line-height: 104px;
  background: url(../../images/v1/titleBg_2.png?v=1) no-repeat top center;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
  justify-content: space-between;
  left: -85px;
}

.title {
  height: 97px;
  line-height: 97px;
  background: #5d9b42;
  color: #fff;
  font-size: 27px;
  font-weight: bold;
  margin-left: 140px;
  letter-spacing: 1px;
  margin-right: 10px;
  margin-top: 14px;
  padding-right: 20px;
  border-radius: 0 45px 0 0;
}
.title span {
  height: 32px;
  line-height: 32px;
  padding: 0 15px;
  background: url(../../images/title.png?v=1) no-repeat left center/cover;
}

.title_s {
  height: 40px;
  line-height: 40px;
  background: url('../../images/title.png?v=1') no-repeat bottom left;
  color: #fff;
  font-size: 27px;
  font-weight: bold;
  margin-left: 10px;
  padding-left: 15px;
  letter-spacing: 1px;
}

.helpBtn {
  width: 66px;
  height: 67px;
  font-size: 36px;
  font-weight: bold;
  color: #78b85c;
  line-height: 40px;
  text-align: center;
  margin-top: 5px;
  margin-left: 10px;
  margin-right: 15px;
  cursor: pointer;
  background: url(../../images/v1/helpBtn.png?v=1) no-repeat left center/cover;
}

.form,
.infoBox {
  width: 100%;
  height: 110px;
  padding: 40px 0 40px;
  background: #fff;
  margin-top: -17px;
  border-radius: 10px;
  display: flex;
}

.form {
  position: relative;
}
.formContent {
  display: flex;

  position: relative;
}

.infoBox {
  width: 1405px;
  height: 108px;
  background: url('../../images/v1/infoBox.png?v=1') no-repeat top center;
  margin-left: -85px;
  margin-top: 0;
  padding: 0;
  align-items: center;
  justify-content: space-around;
}

.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: 63px;
}

.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 {
  margin-left: 40px;
  height: 30px;
  padding: 7px;
}

.selectBtn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px 0 7px;
  position: relative;
  background: url('../../images/v1/selectBtn.png?v=1') no-repeat top center/100% 100%;
  border-radius: 10px;
  width: 137px;
  height: 63px;
  cursor: pointer;
}

.selectBtn > p {
  /* width: 160px; */
  flex: 1;
  text-indent: 10px;
  font-size: 19px;
  color: #fff;
  margin-right: 5px;
}

.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;
  /* margin-top: -10px; */
  border-radius: 0 0 10px 10px;
}

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

.selectList {
  padding: 12px 24px 0;
  width: 1030px;

  /* margin-top: -10px; */
  border-radius: 0 0 10px 10px;
}

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

.selectList li h4 {
  color: #73c369;
  line-height: 52px;
  flex: 1;
}

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

.selectList li div p {
  width: 167px;
  height: 46px;
  line-height: 46px;
  display: block;
  background: #6cb14e;
  color: #fff;
  border-radius: 10px;
  margin-right: 3px;
  flex-shrink: 0;
  margin-bottom: 5px;
  text-align: center;
  float: left;
  cursor: pointer;
  /* top: 10px;
  position: relative;
  margin-right: 10px; */
  /* flex: 0; */
}

.selectList li div p.focus {
  width: 163px;
  height: 42px;
  border: 2px solid #ffea54;
  background: #f9db03;
  color: #9b6800;
}

.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: 964px;
  height: 62px;
  line-height: 62px;
  padding-left: 36px;
  background: #fbfff5;
  border-radius: 10px;

  color: #4a7f3a;
  font-size: 29px;
}
.loginBox .InputRole {
  display: block;
}

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

.infoBtn {
  display: block;
  width: 155px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  background: url('../../images/v1/verifying.png?v=1') no-repeat top center;
  color: #493604;
  font-size: 23px;
  font-weight: bold;
  cursor: pointer;
  display: flex;
  margin-left: 34px;
  align-items: center;
  justify-content: center;
  line-height: 30px;
}

.RoleInfo {
  width: 750px;
  font-size: 22px;
  border-radius: 10px;
  font-weight: bold;
  position: relative;
  padding-right: 150px;
  padding-left: 100px;
  text-align: center;
  display: flex;
  justify-content: space-around;
  align-items: center;
  font-size: 29px;
}
.infoBox .infoBtn {
  filter: grayscale(100%);
}
.RoleInfo i {
  display: block;
  color: #fff;
}
.RoleInfo span {
  display: block;
  background: linear-gradient(180deg, #fffe8f, #ffcb0d);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  margin-top: 5px;
}

.loginOut {
  width: auto;
  height: 30px;
  line-height: 30px;
  background: #ccc;
  border-radius: 15px;
  text-align: center;
  color: #fff;
  position: initial;
  margin: 10px auto;
  font-size: 16px;
  display: inline-block;
  padding: 0 10px;
}

.payMethods {
  padding: 17px 0 40px 25px;
  margin-top: -17px;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  background: #fff url(../../images/v1/payMethods.jpg?v=1) no-repeat bottom center;
}

.payMethods li {
  padding-left: 15px;
  margin-top: 30px;
  width: 604px;
  height: 98px;
  line-height: 98px;
  background: #c6eaca;
  color: #457c2d;
  font-weight: bold;
  font-size: 28px;
  flex-shrink: 0;
  margin-right: 28px;
  position: relative;
  background: url(../../images/v1/payList.png?v=1) no-repeat top center;
  cursor: pointer;
}

.payMethods li .payIcon {
  width: 170px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  margin: 18px 20px 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: 40px;
  border-left: 2px solid #5d9b42;
}
.payMethods li.focus > span {
  color: #976300;
  border-left: 2px solid #8f6f00;
}

.payMethods li.focus {
  background: url(../../images/v1/payFocus.png?v=1) no-repeat top center;
}

.goodsBox {
  margin: 25px auto 200px;
  position: relative;
}

.goodsBox.scrollBottom {
  margin: 25px auto 0;
}

.goodsList {
  padding: 40px 0 140px 10px;
  margin-top: -17px;
  background: #fff url('../../images/v1/goodsList.jpg?v=1') no-repeat bottom;
  min-height: 200px;
}

.goodsList li {
  width: 246px;
  height: 172px;
  background: url('../../images/v1/list.png?v=1') no-repeat top center/100% 100%;
  margin: 27px 0 0 15px;
  float: left;
  position: relative;
  z-index: 2;
  cursor: pointer;
}

.goodsList li.highlight {
  background: url('../../images/highLight.png?v=1') no-repeat top center/100% 100%;
}

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

.goodsList #money_888021 {
  background: url('../../images/v1/cardWeek.png') no-repeat top center/100% 100%;
  filter: saturate(0.9);
}

.goodsList #money_888022 {
  background: url('../../images/v1/cardMonthly.png') no-repeat top center/100% 100%;
  filter: saturate(0.9);
}

.goodsList #money_888021.hover,
.goodsList #money_888022.hover {
  filter: saturate(1.2);
}
.goodsList li .cardList .cardAway {
  position: absolute;
  top: -16px;
  right: -14px;
  width: 120px;
}
.goodsList li .cardList .cardTitle {
  color: #553e1c;
  font-weight: bold;
  font-size: 14px;
  width: 68%;
  margin-left: 10px;
  margin-top: 16px;
}
.goodsList li .cardList .cardTip {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 100px;
  right: 69px;
  cursor: pointer;
  scale: calc(0.8);
}
.goodsList li .cardList .cardPrize {
  position: absolute;
  font-size: 14px;
  font-weight: bold;
  color: #4e361d;
  /* text-shadow: 3px 0px 0px #4e361d; */
  right: 2px;
  top: 70px;
  width: 62px;
  text-align: center;
}
.goodsList li .cardList .cardHave {
  position: absolute;
  width: 278px;
  left: 10px;
  height: 63px;
  top: 119px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.goodsList li .cardList .cardHave p {
  width: 100%;
  color: #feffd2;
  font-size: 13px;
  height: 18px;
  display: flex;
  align-items: center;
}
.goodsList li .cardList .cardHave p > img {
  width: 20px;
  margin-left: 5px;
  margin-right: 2px;
}

.cardContent {
  background: url(../../images/cardBg.png) no-repeat top center/100% 100%;
  width: 1145px;
  height: 377px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 101;
}
.cardContent img {
  position: absolute;
  width: 30px;
  top: 10px;
  right: 25px;
  cursor: pointer;
}
.cardContent p {
  line-height: 28px;
  height: 75px;
  font-size: 18px;
  color: #437622;
  padding: 0 40px;
  display: flex;
  align-items: center;
}
.cardContent .card_p1 {
  height: 150px;
}

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

.giftIcon {
  width: 100px;
  height: 71px;
  background: url(../../images/giftIcon.png?v=1) no-repeat top center/100% 100%;
  position: absolute;
  right: 0;
  top: -29px;
}

.goodsList li .goods {
  display: flex;
  width: 185px;
  float: left;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-top: 20px;
  color: #fff;
  text-shadow: 3px 0px 0px #184d00;
}

.goodsList li .prize {
  width: 60px;
  text-align: center;
  float: left;
  padding-top: 70px;
}

.goodsList li .prize p {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-shadow: 3px 0px 0px #184d00;
}
.goodsList li.hover .prize p {
  color: #000;
  text-shadow: none;
}

.goodsList li .prize textarea {
  width: 100%;
  background: none;
  font-size: 23px;
  color: #fff;
  text-align: center;
}

.goods div:first-child {
  width: 93px;
  flex: 1;
}

.goods h2 {
  height: 105px;
  margin-top: 10px;
}
.goods h2 img {
  width: 150px;
}

.goods h3 {
  font-size: 20px;
}
.goods h3 img {
  width: 20px;
}

.goods div:last-child {
  width: 87px;
  flex: 1;
}
.percentage {
  position: absolute;
  color: #fff;
  width: 132px;
  height: 65px;
  background: url('../../images/percentIcon.png?v=1');
  right: -18px;
  top: -20px;
  transform: rotateZ(10deg);
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  line-height: 65px;
  text-indent: 29px;
}
.limitCount {
  position: absolute;
  bottom: -19px;
  left: 7px;
  width: 348px;
  height: 30px;
  background: #c1e3fd;
  z-index: 1;
  border-radius: 0 0 10px 10px;
  line-height: 30px;
  text-indent: 10px;
}
.limitTime {
  font-size: 14px;
  color: #000;
  margin-bottom: 5px;
  padding: 0 19px;
}

.payBox {
  width: 100%;
  height: 100px;
  border: 2px solid #eefdb3;
  border-radius: 10px;
  background: #64a249;
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 22px;
  margin-top: 25px;
  position: fixed;
  bottom: 0;
  z-index: 4;
  left: 50%;
  transform: translateX(-50%);
}

.payBox.scrollBottom {
  position: relative;
  width: 100%;
  height: 140px;
}

.payBox .info {
  width: 520px;
  flex: 1;
  margin: 0 40px 0 40px;
}

.payBox > div {
  width: 370px;
  flex: 1;
  line-height: 40px;
}

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

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

.payBtn {
  margin-right: 42px;
  width: 313px;
  height: 84px;
  background: url(../../images/next.png);
  font-size: 21px;
  line-height: 96px;
  color: #8a572d;
  font-size: 20px;
  text-align: center;
  text-indent: -20px;
  font-weight: bold;
  cursor: pointer;
}

.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: 450px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 101;
  padding: 40px 20px 20px;
  background: #77b95a;
  display: none;
  color: #fff;
  font-size: 16px;
  line-height: 30px;
  border: 2px solid #e4f3ff;
  border-radius: 10px;
}

.popupGuide {
  width: 1085px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 101;
  background: #fff;
  display: none;
}

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

.scroll {
  height: 700px;
  overflow-y: auto;
  text-align: center;
  font-size: 20px;
  color: #547346;
  font-weight: bold;
  font-family: '微軟正黑體';
  margin-top: 20px;
}

.desc {
  padding: 10px 0;
  text-align: left;
}

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

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

/*定义滚动条高宽及背景*/
.scroll::-webkit-scrollbar {
  width: 5px;
  background-color: #242d3e;
}

/*定义滚动条*/
.scroll::-webkit-scrollbar-thumb {
  background-color: #77b95a;
  border-radius: 5px;
}

.close {
  position: absolute;
  right: 15px;
  top: 12px;
  width: 25px;
  cursor: pointer;
}

.plus {
  color: #345b99;
  font-size: 18px;
}

.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;
}

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

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

.roleBox ul {
  position: absolute;
  background: rgba(211, 231, 241, 0.82);
  width: 330px;
  z-index: 10;
  border-radius: 0 0 5px 5px;
}

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

/* .mainBottom {
  background:#f6f6f2 url(../../images/main.jpg?V=1) no-repeat top center;
} */

.worlds {
  background: url(../../images/v1/worlds.jpg?V=1) no-repeat center top;
  border-radius: 0 0 10px 10px;
  overflow: auto;
  max-height: calc(100vh - 164px);
  position: absolute;
  right: 51px;
  z-index: 9;
}

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

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

.guide_m {
  display: none;
}

.guide_pc {
  display: block;
}

.guide_bg {
  width: 1077px;
  height: 807px;
}

.guide_bg h3 {
  color: #fff;
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 10px;
  /* line-height: 51px; */
  height: 51px;
  background: url(../../images/guideTitle.png?V=1) no-repeat top center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.descBox1,
.descBox2 {
  width: 100%;
  /* overflow: hidden; */
}

.guide_bg ul li {
  width: 450px;
  height: 336px;
  float: left;
  margin: 18px;
  font-size: 16px;
  border: 2px solid #ee3e41;
  border-radius: 10px;
  position: relative;
}
.guide_bg img {
  width: 405px;
}

.step_icon {
  width: 148px;
  height: 52px;
  display: block;
  position: absolute;
  top: -27px;
  left: 25px;
}

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

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

.step3_icon {
  background: url('../../images/stepIcon3.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_pc .desc {
  width: 405px;
  height: 72px;
  padding-left: 27px;
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.popupGuide .close {
  right: -30px;
  top: 0;
}

.guideBtn {
  width: 166px;
  height: 73px;
  background: url('../../images/guideBtn_v1.png');
  margin-left: 10px;
  color: #2d3857;
  font-size: 26px;
  display: table;
  text-align: center;
  padding-left: 8px;
}

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

.mask,
.guideView,
.rollTask,
.maskTips {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  display: none;
}
.loginMask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
}
.guideView {
  background: rgba(0, 0, 0, 0);
  z-index: 1004;
}
.rollTask {
  background: rgba(0, 0, 0, 0);
  z-index: 1004;
  display: block;
}

.moreMethod {
  color: #50a5fd;
  margin-top: 10px;
  font-size: 16px;
  display: block;
  width: 100%;
}

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

.moreMethod span.down {
  color: #50a5fd;
  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: 8px;
  top: 0;
  display: block;
}

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

.confirmPopup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  text-align: center;
  border-radius: 10px;

  z-index: 101;
  padding-bottom: 20px;
  color: #4d7217;
}

.confirmPopup h2 {
  height: 61px;
  line-height: 61px;
  color: #4d7217;
  font-size: 34px;
  border-bottom: 2px dotted #8f9285;
  margin: 0 15px;
}

.confirmPopup ul {
  width: 740px;
  padding-left: 55px;
  padding-top: 40px;
}

.confirmPopup li {
  height: 48px;
  line-height: 48px;
  text-align: left;
  padding-left: 10px;
  color: #4d7217;
  font-size: 23px;
  font-weight: bold;
}

.confirmPopup a {
  width: 153px;
  height: 45px;
  display: inline-block;
  text-align: center;
  line-height: 45px;
  font-size: 23px;
  font-weight: bold;
  margin: 5px 10px;
  cursor: pointer;
}

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

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

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

.noscroll {
  overflow: hidden;
}

.errorTips {
  position: absolute;
  color: red;
  top: 41px;
  left: 174px;
  display: none;
  top: 91px;
  height: 10px;
  z-index: 2;
  line-height: 10px;
}

.serviceBtn {
  width: 187px;
  height: 94px;
  background: url('../../images/v1/service.png?v=1') no-repeat;
  display: block;
  scale: calc(0.8);
  cursor: pointer;
}
.goActivity {
  background: url('../../images/activityBtn.png?v=1') no-repeat top center/100% 100%;
  width: 225px;
  height: 69px;
  position: fixed;
  z-index: 3;
  left: 0;
  top: 40%;
  font-size: 13px;
  text-indent: 89px;
  text-align: center;
  color: white;
  line-height: 69px;
  display: block;
}
.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;
}

.alertPopup {
  width: 485px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #77b95a;
  text-align: center;
  border-radius: 10px;
  font-size: 16px;
  z-index: 101;
  border: 2px solid #b7bfd2;
}
.alertPopup p {
  color: #dee6ff;
  padding: 50px 20px;
  text-align: center;
}
.goActivity {
  position: fixed;
  right: 0;
  z-index: 3;
  bottom: 116px;
}

.goActivity img {
  width: 350px;
}

.closeImg {
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  right: 10px;
  top: 10px;
}
.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;
}
.mall-link {
  width: 146px;
  height: 57px;
  background: url(../../images/v1/goMall.png?v=1) no-repeat top center;
  font-size: 25px;
  color: #fff;
  -webkit-text-stroke: 1px #bd0400;
  font-weight: bolder;
  cursor: pointer;
}
.pointsNumBg {
  width: 182px;
  height: 30px;
  background: url(../../images/v1/pointBg.png) no-repeat top center/100% 100%;
  position: absolute;
  right: 0;
  top: -16px;
}
.pointsNum {
  color: #fff;
  font-size: 19px;
  line-height: 30px;
  position: absolute;
  text-shadow: 3px 0px 0px #184d00;
  right: 0;
  top: -16px;
  width: 182px;
  text-align: center;
  font-weight: bold;
  /* background: linear-gradient(180deg, #b5f680, #d5e3c9);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent; */
}
[v-cloak] {
  display: none;
}

/* 桌面快捷方式 */
.addhomeBtn {
  width: 318px;
  height: 121px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(../../images/v1/addHomeScreen.png) no-repeat center;
  background-size: 100% 100%;
  position: absolute;
  top: 245px;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  cursor: pointer;
  padding: 0 30px;
}

.installAppAlert a:link,
.installAppAlert a:visited {
  text-decoration: none;
  color: inherit;
}

.addhomeBtn_PT,
.addhomeBtn_mac_PT {
  font-size: 18px;
}

.addhomeBtn_US,
.addhomeBtn_ID,
.addhomeBtn_FR,
.addhomeBtn_mac_US,
.addhomeBtn_mac_ID,
.addhomeBtn_mac_FR {
  font-size: 16px;
}

.addhomeBtn_ES,
.addhomeBtn_DE,
.addhomeBtn_mac_ES,
.addhomeBtn_mac_DE {
  font-size: 15px;
}

.addHomeAlert {
  width: 580px;
  min-height: 136px;
  background: #77b95a;
  border: 3px solid #3e6e29;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1001;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.addHomeAlert p {
  padding: 20px 54px 0 10px;
  font-size: 22px;
  color: #fff;
}

.confirmAddHome {
  background: #fae360;
  height: 40px;
  cursor: pointer;
  line-height: 40px;
  box-sizing: border-box;
  color: #865930;
  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: 550px;
  height: 884px;
  background: url(../../images/addHomeTipsBg.png) no-repeat center;
  background-size: 100% 100%;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 1001;
}

.addHome_close {
  position: absolute;
  right: -48px;
  top: -3px;
  width: 40px;
  height: 40px;
  background: url(../../images/addHomeClose.png) no-repeat center;
  background-size: 100% 100%;
}

.addHome_header {
  width: 100%;
  text-align: center;
  padding: 38px 16px 0;
  box-sizing: border-box;
  font-size: 26px;
  color: #fff;
  font-weight: bold;
}

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

/* .addHome_header_US {
	font-size:18px;
}
.addHome_header_PT,.addHome_header_ES,.addHome_header_FR {
	font-size:17px;
}
.addHome_header_DE {
	font-size:14px;
}
*/
.addHome_header_HK,
.addHome_header_KR {
  font-size: 34px;
}

.appImg {
  width: 165px;
  height: 165px;
  margin: 30px auto 10px;
  border: 18px solid #3e6e29;
}

.appImg img {
  width: 157px;
}

.appName {
  width: 100%;
  text-align: center;
  /* padding:24px 0 470px 0;
	*/
  font-size: 28px;
  color: #fff;
  font-weight: bold;
}

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

.adGuide {
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 22px;
  color: #fff;
  box-sizing: border-box;
  padding: 0 20px;
}

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

.adGuide1 {
  padding-bottom: 18px;
}

.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: 1001;
}

.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%;
}

.addHomeGift {
  width: 62px;
  height: 55px;
  margin-right: 12px;
  cursor: pointer;
  background: url(../../images/v1/addHomeGiftIcon.png?v=1) no-repeat top center / 100% 100%;
  display: block;
}

.normalPopup {
  width: 450px;
  height: 350px;
  position: fixed;
  top: 100px;
  left: 70px;
  background: url('../../images/giftAlertPopup.png?v=1') no-repeat top center/100% 100%;
  color: #fff;
  border-radius: 10px;
  display: flex;
  font-size: 16px;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.normalPopup .giftGetTips {
  width: 95%;
  text-align: center;
  padding: 38px 0 20px 0;
}

.normalPopup .zhqzImg {
  width: 66px;
}

.normalPopup a,
.addHomeTips {
  margin: 15px 5px;
  color: #46c1ff;
  font-size: 16px;
  min-width: 150px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  display: inline-block;
  margin-bottom: 20px;
  cursor: pointer;
  border-radius: 10px;
  color: #2d3857;
}

.normalPopup .getAddHomeGift,
.addHomeTips {
  background: url(../../images/v1/getAddHomeGiftBtn.png?v=1) no-repeat top center / 100% 100%;
  margin: 0 auto 25px;
  color: #432000;
  width: 171px;
  height: 53px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: normal;
  font-size: 20px;
  font-weight: bold;
}

.selectRolePopup {
  width: 600px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.selectRolePopup .form,
.selectRolePopup .infoBox {
  top: 36px;
  width: 480px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: none;
}

.selectRolePopup .infoBox {
  top: 85px;
}

.selectRolePopup .form .selectBtn {
  box-sizing: border-box;
}

.selectRolePopup .form .selectBox {
  margin-left: -7px;
  margin-bottom: 36px;
}

.selectRolePopup .form .InputRole {
  width: 440px;
  margin-bottom: 36px;
  box-sizing: border-box;
}

.selectRolePopup .roleBox ul {
  width: 400px;
  margin: -36px 0 0 0px;
}
.selectRolePopup .errorTips {
  top: 120px;
  left: 30px;
}

/* 新手引导 */
.guideImg {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: none;
}
.guideMobile_1 {
  transform: translateX(-57%);
  width: 789px;
  top: -364px;
}
.guideMobile_2 {
  top: 240px;
  transform: translateX(-72%);
  width: 723px;
}
.guideMobile_3 {
  top: 220px;
  transform: translateX(5%);
  width: 630px;
}
.guideMobile_4 {
  position: relative;
  top: -300px;
  transform: translateX(-49.7%);
  width: 1206px;
}
.guideMobile_4_HK {
  transform: translateX(-57%);
  width: 1413px;
}
.guideMobile_4_JP,
.guideMobile_4_KR,
.guideMobile_4_TH {
  transform: translateX(-56.7%);
  width: 1400px;
}
.guideMobile_5 {
  top: 290px;
  transform: translateX(-70%);
  width: 631px;
}
.publicPopup {
  background: url(../../images/v1/popup.png?v=1) no-repeat top center;
  width: 837px;
  height: 467px;
}
.confirmPopup {
  background: url(../../images/v1/confirmPopup.png?v=1) no-repeat top center;
  height: 367px;
}
.publicPopupTop {
  height: 340px;
  font-size: 22px;
  color: #4d7217;
  text-align: center;
}
.confirmPopup .publicPopupTop {
  height: 238px;
}
.publicPopupBottm {
  height: 107px;
  padding-top: 20px;
}
.publicPopupBottm h3 {
  font-size: 34px;
  color: #0f1700;
}
.popup_login {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
}
.popup_login h3 {
  height: 61px;
  color: #4d7217;
  font-size: 25px;
  border-bottom: 2px dotted #8f9285;
  margin: 0 15px 20px;
  padding: 10px 20px;
}
.popup_login h2,
.popup_login h4 {
  font-size: 18px;
  text-align: left;
  padding-left: 60px;
  line-height: 30px;
}
.popup_login h4 {
  color: #d50000;
  text-decoration: underline;
}
.login_verify input {
  width: 55px;
  height: 55px;
  background: #72b656;
  border-radius: 3px;
  margin: 0 14px;
  font-size: 40px;
  color: #fff;
  text-align: center;
  border: none;
}
.login_verify_time {
  width: 550px;
  margin: 5px auto 0;
  text-align: right;
  line-height: 33px;
  color: #385a0d;
  font-size: 18px;
}

.login_verify_time span {
  color: #d93834;
}

.popup_verify_btn {
  margin: 10px auto 0;
  width: 179px;
  height: 55px;
  background: url('../../images/v1/loginBtn.png?v=1') no-repeat;
  text-align: center;
  line-height: 55px;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  cursor: pointer;
}
.popup_verify_btn.disabled{
  filter: grayscale(100%);
}
.login_verify_input p {
  font-size: 16px;
  padding-top: 10px;
  width: 600px;
  margin: 0 auto;
  color: #d50000;
}