@font-face {
  font-family: "HYQiHei";
  src: url("https://res.zulong.com/cms/mystyle/fonts/HanQiHei.otf");
}

.red {
  color: red;
}

.loading {
  width: 100vw;
  height: 100vh;
  position: fixed;
  /* background: rgba(0, 0, 0, 0.8); */
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}

.loading img {
  width: 2rem;
  display: none;
}

.dialog {
  font-family: "HYQiHei";
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.65);
  z-index: 999;
  box-sizing: border-box;
}

.dialog.dialog-info {
  z-index: 9999;
}

.dialog.dialog-tip {
  z-index: 1000;
}

.dialog-main {
  width: 6.07rem;
  height: 7.36rem;
  border-radius: 0.04rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.2rem;
  /* overflow: auto; */
}

.dialog-rule .dialog-main,
.dialog-q .dialog-main,
.dialog-info .dialog-main,
.dialog-inPayment .dialog-main,
.dialog-code .dialog-main {
  border: 0.23rem solid rgba(255, 255, 255, 0.55);
}

.dialog-main-con {
  background: #fff;
  width: 100%;
  height: 100%;
  border: 0.03rem dotted #5163b8;
  border-radius: 0.04rem;
}

.dialog-close {
  width: 0.2rem;
  height: 0.2rem;
  position: absolute;
  right: 0.2rem;
  top: 0.2rem;
  background: url(../../img/mo/pop_close.png) no-repeat top center;
  background-size: 100%;
}

.dialog-q-content {
  width: 100%;
  display: flex;
}

.dialog-q-content img {
  width: 100%;
  height: 100%;
  display: inline-block;
}

.dialog-q .dialog-main {
  height: 4.91rem;
}

.dialog-rule .dialog-main-con {
  padding: 0.35rem 0.3rem;
  line-height: 0.27rem;
  box-sizing: border-box;
  overflow: auto;
}

.dialog-info .dialog-main {
  text-align: center;
  height: 2rem;
  /* line-height: 2rem; */
  overflow: initial;
  font-size: 0.28rem;
}

.dialog-info .dialog-main-con {
  display: flex;
  align-items: center;
  justify-content: center;
  /* text-align: center;
    box-sizing: border-box;
    padding-top: 0.7rem; */
  line-height: 0.5rem;
}

.dialog-info .dialog-main span {
  /* word-break: break-all; */
}

.mt20 {
  margin-top: 0.2rem;
}

.dialog-q .dialog-main {
  height: 5.46rem;
}

.dialog-q .dialog-close {
  right: -0.2rem;
  top: -0.2rem;
}

.dialog-wxTip-img {
  width: 5.77rem;
  height: 2.95rem;
  position: absolute;
  right: 0.5rem;
  top: 0.8rem;
  background: url(../../img/mo/wx_tip.png) no-repeat top center;
  background-size: 100%;
}

.dialog-main3 {
  width: 6.8rem;
  height: 2.52rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url(../../img/points/pop/pop_box.png) no-repeat top center;
  background-size: 100%;
}

.dialog-close2 {
  width: 0.26rem;
  height: 0.26rem;
  background: url(../../img/points/pop/pop_close1.png) no-repeat top center;
  background-size: 100%;
  position: absolute;
  right: 0;
  top: -0.2rem;
  cursor: pointer;
}

.dialog-sign-in .dialog-main {
  width: 6.5rem;
  height: 5.5rem;
  position: absolute;
  left: calc(50% - 0.5rem);
  top: 50%;
  /* transform: translate(-50%, -50%); */
  background: url(../../img/points/mo/pop/pop_loginbox.png) no-repeat top center;
  background-size: 100%;
  padding: 0 0.4rem 0 1.4rem;
  box-sizing: border-box;
  font-size: 0.26rem;
}

.dialog-sign-in .logo {
  width: 1.84rem;
  height: 0.65rem;
  background: url(../../img/points/mo/pop/pop_loginlogo.png) no-repeat top
    center;
  background-size: 100%;
  margin: 0.7rem auto 0.2rem;
}

.dialog-sign-in .account-form {
  margin: 0.4rem 0;
}

.dialog-sign-in input {
  width: 100%;
  height: 0.56rem;
  box-shadow: 0px 1px 3px 0px rgba(184, 183, 201, 0.43);
  border: none;
  margin-bottom: 0.2rem;
  color: #b8b7c9;
  font-size: 0.21rem;
  padding-left: 0.2rem;
  box-sizing: border-box;
}

.dialog-sign-in .code-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: top;
}

.dialog-sign-in .sign-in-btn,
.dialog-sign-in .code-btn {
  width: 2rem;
  height: 0.56rem;
  color: #fff;
  background-color: #f54b44;
  margin: 0.1rem auto 0;
  font-size: 0.3rem;
  line-height: 0.56rem;
  text-align: center;
  cursor: pointer;
  border-radius: 0.06rem;
}

.dialog-sign-in .code-btn {
  width: 2rem;
  height: 0.56rem;
  margin: 0 0 0 0.2rem;
  border: none;
}

.dialog-sign-in .code-btn.disabled-btn {
  font-size: 0.2rem;
}

.dialog-sign-in .tool-bars {
  display: flex;
  justify-content: space-between;
  font-size: 0.22rem;
  text-align: center;
  margin-top: 0.2rem;
  margin-bottom: 0.16rem;
}

.dialog-sign-in .tool-bars .psw,
.dialog-sign-in .tool-bars .apple {
  width: 2.2rem;
  height: 0.5rem;
  line-height: 0.5rem;
  background: url(../../img/points/pop/sign_in_btn2.png) no-repeat top center;
  background-size: 100%;
  color: #e1e1e1;
  position: relative;
  cursor: pointer;
}

.dialog-sign-in .tool-bars .apple {
  background: url(../../img/points/pop/sign_in_btn1.png) no-repeat top center;
  background-size: 100%;
}

.dialog-sign-in .tool-bars .psw > span,
.dialog-sign-in .tool-bars .apple > span {
  position: relative;
  left: 0.1rem;
}

.dialog-sign-in .tool-bars .psw::before,
.dialog-sign-in .tool-bars .apple::before {
  content: "";
  width: 0.24rem;
  height: 0.24rem;
  position: absolute;
  left: 0.2rem;
  top: 0.11rem;
  background: url(../../img/points/pop/pop_accounticon.png) no-repeat top center;
  background-size: 100%;
}

.dialog-sign-in .tool-bars .apple::before {
  left: 0.16rem;
  background: url(../../img/points/pop/pop_iosicon.png) no-repeat top center;
  background-size: 100%;
}

.dialog-sign-in .tips {
  text-align: center;
  line-height: 0.26rem;
  color: #424243;
  font-size: 0.16rem;
}

.dialog-sign-in .protocol {
  display: flex;
  justify-content: center;
}

.dialog-sign-in .protocol a {
  color: #424243;
  text-decoration: underline;
}

.dialog-sign-in .checkbox-btn,
.dialog-sign-in .checkbox-btn.checked {
  width: 0.2rem;
  height: 0.2rem;
  background: url(../../img/points/mo/pop/pop_select.png) no-repeat top center;
  background-size: 100%;
  margin-right: 0.06rem;
  margin-top: 0.04rem;
  cursor: pointer;
}

.dialog-sign-in .checkbox-btn.checked {
  background: url(../../img/points/mo/pop/pop_select1.png) no-repeat top center;
  background-size: 100%;
}

.dialog-tip .dialog-main-con2 {
  display: flex;
  justify-content: center;
}

.dialog-tip .msg {
  font-size: 0.26rem;
  color: #171717;
  margin: 1rem auto;
  position: relative;
  display: inline-block;
}

.dialog-tip .msg::before {
  content: "";
  width: 0.38rem;
  height: 0.23rem;
  background: url(../../img/points/mo/pop/pop_arrow.png) no-repeat top center;
  background-size: 100%;
  position: absolute;
  left: -0.5rem;
  top: 0.04rem;
}

.pointTotalInfo {
  width: 100%;
  display: block;
  font-size: 0.2rem;
  color: #000;
  line-height: 1.8;
}

.dialog-confirm-exchange .dialog-main3,
.dialog-confirm-coupon .dialog-main3 {
  padding-top: 0.8rem;
}

.dialog-confirm-exchange .msg,
.dialog-success-exchange .msg,
.dialog-confirm-coupon .msg,
.dialog-confirm-coupon .msg {
  font-size: 0.22rem;
  color: #171717;
  text-align: center;
}

.dialog-confirm-exchange .confirm-btn,
.dialog-confirm-coupon .confirm-btn,
.dialog-success-exchange .btn-group > div {
  width: 1.55rem;
  height: 0.4rem;
  background: url(../../img/points/mo/pop/pop_btn.png) no-repeat top center;
  background-size: 100%;
  margin: 0.3rem auto 0;
  font-size: 0.16rem;
  color: #eadfce;
  text-align: center;
  line-height: 0.4rem;
  cursor: pointer;
}

.dialog-success-exchange .dialog-main3 {
  padding-top: 0.7rem;
}

.dialog-success-exchange .btn-group {
  display: flex;
  justify-content: space-between;
  padding: 0 1.6rem;
  box-sizing: border-box;
}

.dialog-success-exchange .btn-group > div {
  width: 2.3rem;
  height: 0.4rem;
  line-height: 0.4rem;
  margin: 0.2rem;
}

.dialog-roles .dialog-main {
  width: 6.85rem;
  height: 3.45rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url(../../img/points/mo/pop/bg1_rolebg.png) no-repeat top center;
  background-size: 100%;
}

.dialog-roles .dialog-close2 {
  top: -0.5rem;
}

.dialog-roles .dialog-main-con2 {
  padding: 0.2rem 0 0 0.64rem;
}

.dialog-roles .role-title {
  width: 1.2rem;
  height: 0.37rem;
  background: url(../../img/points/mo/pop/bg1_rolebtn.png) no-repeat top center;
  background-size: 100%;
}

.dialog-roles .role-list {
  margin-top: 0.12rem;
  width: 6rem;
  height: 2.6rem;
  /* display: flex;
  flex-wrap: wrap; */
  overflow-y: auto;
}

.dialog-roles .role-item {
  width: 2rem;
  height: 0.72rem;
  background: url(../../img/points/mo/pop/bg1_rolebox.png) no-repeat top center;
  background-size: 100%;
  padding: 0.08rem 0 0 0.16rem;
  box-sizing: border-box;
  cursor: pointer;
  float: left;
  margin-bottom: 0.04rem;
}

.dialog-roles .role-item > div {
  max-width: 90%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.dialog-roles .role-name {
  font-size: 0.14rem;
  color: #2b2826;
  line-height: 0.2rem;
}

.dialog-roles .role-id {
  font-size: 0.12rem;
  color: #2b2826;
}

.dialog-roles .role-server {
  font-size: 0.13rem;
  color: #726c66;
  margin-top: 0.06rem;
  margin-right: 0.5rem;
  text-align: center;
}

.dialog-exchange-record .dialog-main {
  width: 6.78rem;
  height: 7.48rem;
  position: absolute;
  left: 50%;
  top: 50%;
  background: url(../../img/points/mo/pop/pop_box1.png) no-repeat top center;
  background-size: 100%;
}

.dialog-exchange-record .title {
  text-align: center;
  color: #fff;
  font-size: 0.2rem;
  margin-top: 0.2rem;
}

.dialog-exchange-record .record-list {
  overflow-y: auto;
  height: 6.6rem;
}

.dialog-exchange-record .record-item {
  font-size: 0.22rem;
  color: #171717;
  display: flex;
  margin-left: 0.7rem;
  margin-top: 0.32rem;
}

.dialog-exchange-record .record-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}

.dialog-exchange-record .record-info::before {
  content: "";
  width: 0.38rem;
  height: 0.23rem;
  background: url(../../img/points/mo/pop/pop_arrow.png) no-repeat top center;
  background-size: 100%;
  position: absolute;
  left: -0.5rem;
  top: 0;
}

.dialog-exchange-record .record-info > div {
  max-width: 4.3rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.dialog-exchange-record .icon {
  width: 0.96rem;
  height: 0.96rem;
  margin-right: 0.6rem;
  float: left;
  position: relative;
  border: 0.01rem dashed #ccc;
}

.dialog-exchange-record .icon img {
  display: block;
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.dialog-points-detail .dialog-main {
  width: 5.7rem;
  height: 5.3rem;
  position: absolute;
  left: calc(50% - 0.5rem);
  top: 50%;
  transform: translate(-50%, -50%);
  background: url(../../img/points/mo/pop/pop_box2.png) no-repeat top center;
  background-size: 100%;
}

.dialog-points-detail .dialog-main-con2 {
  padding-left: 1.08rem;
}

.dialog-points-detail .title {
  font-size: 0.22rem;
  color: #fefefe;
  text-align: center;
  margin-top: 0.26rem;
}

.dialog-points-detail .points-total {
  width: 4.2rem;
  height: 1.12rem;
  background: url(../../img/points/pop/pop_pointsbox.png) no-repeat top center;
  background-size: 100%;
  padding: 0.1rem 0 0 0.3rem;
  box-sizing: border-box;
  margin: 0.1rem 0 0 0.08rem;
}

.dialog-points-detail .points-title1 {
  font-size: 0.24rem;
  color: #fefefe;
}

.dialog-points-detail .points-title2 {
  font-size: 0.14rem;
  color: #fefefe;
}

.dialog-points-detail .points-title3 {
  color: #ffdd5d;
  font-size: 0.24rem;
  font-weight: bolder;
}

.dialog-points-detail .points-title4 {
  font-size: 0.14rem;
  color: #fefefe;
}

.dialog-points-detail .point-list-header {
  width: 4.2rem;
  height: 0.35rem;
  background: url(../../img/points/mo/pop/pop_pointsbox1.png) no-repeat top
    center;
  background-size: 100%;
  display: flex;
  font-size: 0.16rem;
  color: #fff;
  padding: 0 0 0 0.26rem;
  box-sizing: border-box;
  margin: 0.1rem 0 0 0.08rem;
}

.dialog-points-detail .point-list-header > div {
  line-height: 0.35rem;
}

.dialog-points-detail .point-list-header .points-left {
  flex: 5;
  display: flex;
  align-items: baseline;
}

.dialog-points-detail .point-list-header .points-left span:nth-child(2) {
  font-size: 0.12rem;
}

.dialog-points-detail .point-list-header .points-middle {
  flex: 1.5;
  color: #ffe689;
  text-align: center;
}

.dialog-points-detail .point-list-header .points-right {
  flex: 1.5;
  text-align: center;
}

.dialog-points-detail .points-list {
  margin: 0.16rem 0 0 0.08rem;
  overflow-y: auto;
  height: 2.2rem;
}

.dialog-points-detail .points-item {
  width: 4.2rem;
  height: 0.7rem;
  background: url(../../img/points/mo/pop/pop_pointsbox2.png) no-repeat top
    center;
  background-size: 100%;
  padding: 0 0 0 0.26rem;
  box-sizing: border-box;
  display: flex;
  font-size: 0.16rem;
  color: #f4533e;
  margin-bottom: 0.12rem;
  line-height: 0.7rem;
}

.dialog-points-detail .points-item .points-left {
  flex: 5;
}

.dialog-points-detail .points-item .points-left span:nth-child(2) {
  display: block;
  font-size: 0.14rem;
  color: #f54d42;
  margin-top: 0.08rem;
}

.dialog-points-detail .points-item .points-middle {
  flex: 1.5;
  text-align: center;
}

.dialog-points-detail .points-item .points-right {
  flex: 1.5;
  text-align: center;
}

.dialog-address .dialog-main {
  width: 6.8rem;
  height: 3.8rem;
  background: url(../../img/points/mo/pop/pop_surroundingsbox.jpg) no-repeat top
    center;
  background-size: 100%;
  position: relative;
}

.dialog-address .dialog-close {
  width: 0.98rem;
  height: 0.46rem;
  position: absolute;
  left: 0;
  top: 0.2rem;
  background: url(../../img/points/mo/pop/pop_back.png) no-repeat top center;
  background-size: 100%;
  cursor: pointer;
}

.dialog-address input,
select,
.mock-input {
  color: #525252;
  font-size: 0.14rem !important;
  padding-left: 0.14rem;
  box-sizing: border-box;
  /* width: auto; */
  height: 0.26rem;
  line-height: 0.26rem;
  border: 1px solid #fd610a;
  outline: none;
  -webkit-appearance: none;
  border-radius: 0;
  /*清除ios默认圆角*/
}

.dialog-address input::placeholder,
select::placeholder,
.mock-input > span {
  color: #525252;
  font-size: 0.24rem;
}

.dialog-address .form {
  padding: 1.6rem 0 0 2.16rem;
}

.dialog-address .form .row {
  width: 4rem;
  margin-bottom: 0.06rem;
  display: flex;
}

.dialog-address .form .form-item {
  display: flex;
  width: 100%;
}

.dialog-address .form input,
.mock-input {
  margin-left: 0.08rem;
  flex: 1;
  background-color: #fff;
}

.dialog-address .form .form-item.name,
.dialog-address .form .form-item.phone {
  width: 50%;
}

.dialog-address .form .form-item.name input,
.dialog-address .form .form-item.phone input {
  width: 1.1rem;
}

.dialog-address .form .form-item.address input {
  width: 2rem;
}

.dialog-address .form .form-item.name .label {
  width: 0.82rem;
  height: 0.26rem;
  background: url(../../img/points/mo/pop/name.png) no-repeat top center;
  background-size: 100%;
}

.dialog-address .form .form-item.phone .label {
  width: 0.82rem;
  height: 0.26rem;
  background: url(../../img/points/mo/pop/phone.png) no-repeat top center;
  background-size: 100%;
  margin-left: 0.1rem;
}

.dialog-address .form .form-item.area .label {
  width: 0.82rem;
  height: 0.26rem;
  background: url(../../img/points/mo/pop/area.png) no-repeat top center;
  background-size: 100%;
}

.dialog-address .form .form-item.address .label {
  width: 0.82rem;
  height: 0.26rem;
  background: url(../../img/points/mo/pop/addresa.png) no-repeat top center;
  background-size: 100%;
}

.dialog-address .form .submit-btn {
  width: 1.18rem;
  height: 0.3rem;
  line-height: 0.3rem;
  background: url(../../img/points/mo/pop/pop_btn1.png) no-repeat top center;
  background-size: 100%;
  outline: none;
  border: none;
  margin: 0 0 0 1.6rem;
  font-size: 0.16rem;
  color: #eadfce;
  cursor: pointer;
}

.dialog-confirm-address .dialog-main {
  width: 7rem;
  height: 6.12rem;
  background: url(../../img/points/pop/pop_rewardbox.png) no-repeat top center;
  background-size: 100%;
  border: none;
  position: relative;
  padding-top: 0.72rem;
}

.dialog-confirm-address .dialog-close2 {
  top: 0;
}

.dialog-confirm-address .pop-title {
  font-weight: bold;
  font-size: 0.25rem;
  color: #eadfce;
  position: absolute;
  top: 0.1rem;
  left: 0.4rem;
  letter-spacing: 0.04rem;
}

.dialog-confirm-address .records-list {
  margin: -0.3rem auto;
  width: 7.54rem;
  height: 4rem;
  background: #9c9c9c;
}

.dialog-confirm-address .user-info-item {
  width: 4.61rem;
  height: 0.37rem;
  overflow-y: auto;
  line-height: 0.37rem;
  background: #464646;
  font-weight: bold;
  font-size: 0.26rem;
  color: #bbb0a9;
  padding-left: 0.28rem;
  margin: 0 auto 0.1rem;
}

.dialog-confirm-address .user-info-item.address {
  height: 0.74rem;
}

.dialog-confirm-address .submit-btn {
  width: 2.3rem;
  height: 0.6rem;
  background: url(../../img/points/pop/pop_btn1.png) no-repeat top center;
  background-size: 100%;
  font-size: 0.26rem;
  line-height: 0.6rem;
  text-align: center;
  color: #eadfce;
  cursor: pointer;
  margin: 0.2rem auto;
}

.dialog-confirm-address .tips {
  font-weight: bold;
  font-size: 0.24rem;
  color: #464646;
  text-align: center;
  line-height: 0.3rem;
}

.dialog-confirm-address .reward-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0.1rem;
}

.dialog-confirm-address .reward-item span {
  font-weight: 800;
  font-size: 0.26rem;
  color: #383438;
}

.dialog-confirm-address .reward-item .reward-icon {
  width: 2.5rem;
  height: 1.5rem;
  margin-bottom: 0.1rem;
}

.dialog-main2 {
  width: 6rem;
  height: 4rem;
  background: url(../../img/points/pop/pop_positioningbox.png) no-repeat top
    center;
  background-size: 100%;
  border: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 0.6rem 1rem 0 1rem;
  box-sizing: border-box;
  text-align: center;
  color: #464646;
}

.dialog-main2 .dialog-close {
  width: 0.3rem;
  height: 0.3rem;
  background: url(../../img/points/pop/pop_close1.png) no-repeat top center;
  background-size: 100%;
  position: absolute;
  right: 0;
  top: 0rem;
  cursor: pointer;
}

.dialog-main2 .pop-title {
  font-weight: bold;
  font-size: 0.2rem;
  color: #eadfce;
  position: absolute;
  top: 0.06rem;
  left: 0.4rem;
  letter-spacing: 0.04rem;
}

.dialog-main2 .btns {
  display: flex;
  justify-content: space-around;
  margin-top: 0.3rem;
}

.dialog-main2 .btns > div {
  width: 2.3rem;
  height: 0.6rem;
  background: url(../../img/points/pop/pop_btn1.png) no-repeat top center;
  background-size: 100%;
  font-size: 0.2rem;
  line-height: 0.6rem;
  text-align: center;
  color: #eadfce;
  cursor: pointer;
}

.dialog-main2 .contents {
  margin-top: 0.4rem;
  font-size: 0.22rem;
}

.dialog-share .pop-title {
  top: 0;
}

.dialog-share .dialog-main2 {
  padding: 0.6rem 0;
  line-height: 0.34rem;
  width: 6.4rem;
}

.dialog-address-success .title,
.dialog-pay-succss .title {
  font-size: 0.4rem;
  display: flex;
  justify-content: center;
}

.dialog-address-success .title .icon,
.dialog-pay-succss .title .icon {
  display: block;
  width: 0.52rem;
  height: 0.52rem;
  background: url(../../img/points/pop/pop_success.png) no-repeat top center;
  background-size: 100%;
  margin-right: 0.1rem;
}

.dialog-pay-succss .share-wrapper {
  font-size: 0.3rem;
  color: #dc4a00;
  margin-top: 0.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dialog-pay-succss .share-icon {
  display: block;
  width: 0.16rem;
  height: 0.16rem;
  background: url(../../img/points/pop/pop_share.png) no-repeat top center;
  background-size: 100%;
  margin-left: 0.1rem;
}

.dialog-ios-info .dialog-main13 {
  display: block;
  width: 100%;
  height: 100%;
}

.dialog-main13 .dialog-close {
  width: 0.3rem;
  height: 0.3rem;
  background: url(../../img/points/pop/pop_close1.png) no-repeat top center;
  background-size: 100%;
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  cursor: pointer;
  z-index: 999;
}

.dialog-ios-info img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.dialog-coupon .main-list {
  height: 4.2rem;
  overflow-y: auto;
  margin-top: 0.2rem;
}

.dialog-coupon .dialog-main {
  width: 7.76rem;
  height: 8.36rem;
  background: url(../../img/coupon/mo/pop_couponbox.png) no-repeat top center;
  background-size: 100%;
  border: none;
  padding: 1.1rem 0.6rem 0 2.7rem;
  box-sizing: border-box;
  position: absolute;
  left: calc(50% - 1rem);
}

.dialog-coupon .dialog-close {
  width: 0.4rem;
  height: 0.4rem;
  background: url(../../img/points/pop/pop_close1.png) no-repeat top center;
  background-size: 100%;
  position: absolute;
  right: 0;
  top: -0.4rem;
  cursor: pointer;
}

.dialog-coupon .tips {
  font-size: 0.26rem;
  color: #f4533e;
  line-height: 0.42rem;
}

.dialog-coupon .coupon-item {
  margin-top: 0.2rem;
  width: 4.4rem;
  height: 1.2rem;
  background: url(../../img/coupon/pc/pop_couponbox1.png) no-repeat top center;
  background-size: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.4rem;
  box-sizing: border-box;
  font-size: 0.18rem;
}

.dialog-coupon .left {
  color: #f54d42;
}

.dialog-coupon .price {
  vertical-align: baseline;
}

.dialog-coupon .price > span:nth-child(1) {
  font-size: 0.22rem;
  position: relative;
  top: 0.15rem;
  font-weight: bold;
}

.dialog-coupon .price > span:nth-child(2) {
  font-size: 0.4rem;
}

.dialog-coupon .right > p:nth-child(1) {
  font-size: 0.26rem;
  color: #2a2725;
}

.dialog-coupon .right > p:nth-child(2) {
  font-size: 0.18rem;
  color: #737272;
  margin-top: 0.1rem;
}

.dialog-coupon .rule-btn {
  font-size: 0.18rem;
  color: #f54d42;
  float: right;
  margin: 0.16rem 0.02rem 0 0;
  cursor: pointer;
}

.dialog-coupon .use-btn {
  width: 2.73rem;
  height: 0.7rem;
  background: url(../../img/coupon/pc/pop_couponbtn.png) no-repeat top center;
  background-size: 100%;
  margin: 0.65rem auto;
  cursor: pointer;
}

.dialog-coupon .right .count {
  color: #e3031a !important;
}

.dialog-coupon-rule .dialog-main {
  width: 4.69rem;
  height: 3.5rem;
  background: url(../../img/coupon/mo/pop_rulebox.png) no-repeat top center;
  background-size: 100%;
  border: none;
  padding: 0.6rem 0.2rem 0;
  box-sizing: border-box;
  font-size: 0.14rem;
}

.dialog-coupon-rule .dialog-close {
  width: 0.4rem;
  height: 0.4rem;
  background: url(../../img/points/pop/pop_close1.png) no-repeat top center;
  background-size: 100%;
  position: absolute;
  right: 0;
  top: -0.4rem;
  cursor: pointer;
}

.dialog-coupon-rule .rule-list {
  color: #171717;
  line-height: 0.24rem;
}

.dialog-coupon-rule .close-btn {
  width: 1.3rem;
  height: 0.37rem;
  background: url(../../img/coupon/mo/pop_rulebtn.png) no-repeat top center;
  background-size: 100%;
  cursor: pointer;
  margin: 0.1rem auto;
}

.dialog-checkIn .dialog-main4 {
  width: 6.2rem;
  height: 4.17rem;
  background: url(../../img/checkIn/mo/pop_box.png) no-repeat top center;
  background-size: 100%;
  border: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding-left: 0.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.dialog-checkIn .dialog-close3 {
  width: 0.39rem;
  height: 0.39rem;
  background: url(../../img/checkIn/mo/pop_close.png) no-repeat top center;
  background-size: 100%;
  position: absolute;
  right: -0.06rem;
  top: -0.25rem;
  cursor: pointer;
}

.dialog-checkIn .dialog-main-checkIn-cont {
  width: 5.55rem;
  height: 3rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.dialog-checkIn .checkIn-reward-item {
  height: 1.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0.1rem 0.12rem;
}

.dialog-checkIn .checkIn-reward-item-box {
  width: 1.09rem;
  height: 0.92rem;
  background: url(../../img/checkIn/mo/pop_box1.png) no-repeat top center;
  background-size: 100%;
  position: relative;
}

.dialog-checkIn .checkIn-reward-item-box1 {
  width: 2.45rem;
  height: 0.93rem;
  background: url(../../img/checkIn/mo/pop_box2.png) no-repeat top center;
  background-size: 100%;
  position: relative;
}

.dialog-checkIn .checkIn-reward-item-box2 {
  width: 1.09rem;
  height: 0.92rem;
  background: url(../../img/checkIn/mo/pop_box3.png) no-repeat top center;
  background-size: 100%;
  position: relative;
}

.dialog-checkIn .checkIn-reward-item-box3 {
  width: 2.45rem;
  height: 0.93rem;
  background: url(../../img/checkIn/mo/pop_box4.png) no-repeat top center;
  background-size: 100%;
  position: relative;
}

.dialog-checkIn .checkIn-reward-item-box-mask {
  width: 1.09rem;
  height: 0.92rem;
  background: url(../../img/checkIn/mo/pop_mask.png) no-repeat top center;
  background-size: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.dialog-checkIn .checkIn-reward-item-box-mask::after,
.dialog-checkIn .checkIn-reward-item-box-mask1::after {
  content: "已领取";
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
  line-height: 0.92rem;
  font-size: 0.2rem;
  letter-spacing: 0.05rem;
}

.dialog-checkIn .checkIn-reward-item-box-mask1 {
  width: 2.45rem;
  height: 0.93rem;
  background: url(../../img/checkIn/mo/pop_mask1.png) no-repeat top center;
  background-size: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.dialog-checkIn .checkIn-reward-item-box-tip {
  width: 0.28rem;
  height: 0.34rem;
  background: url(../../img/checkIn/mo/pop_icon8.png) no-repeat top center;
  background-size: 100%;
  position: absolute;
  top: -0.1rem;
  right: -0.15rem;
}

.dialog-checkIn .checkIn-reward-item-box-img {
  width: 1.09rem;
  height: 0.92rem;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.dialog-checkIn .checkIn-reward-item-box-img1 {
  width: 2.45rem;
  height: 0.93rem;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.dialog-checkIn .checkIn-reward-item-box-text {
  width: 100%;
  height: 0.21rem;
  line-height: 0.21rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 0.14rem;
  color: #ffffff;
  text-align: center;
  position: absolute;
  bottom: 0.01rem;
}

.dialog-checkIn .checkIn-reward-item-day {
  height: 0.2rem;
  line-height: 0.2rem;
  font-family: SourceHanSansCN;
  font-weight: bold;
  font-size: 0.2rem;
  color: #ff872d;
  margin-top: 0.1rem;
}

.dialog-main-checkIn-btn {
  width: 1.89rem;
  height: 0.47rem;
  background: url(../../img/checkIn/mo/btn.png) no-repeat top center;
  background-size: 100%;
  position: absolute;
  bottom: 0.18rem;
  cursor: pointer;
}
/* 抽奖记录弹窗 */
.dialog-lotteryRecord .dialog-main5 {
  width: 6.13rem;
  height: 6.02rem;
  background: url(../../img/actCenter/mo/pop_box.png) no-repeat top center;
  background-size: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 1.3rem 0.3rem 0.6rem 0.95rem;
  box-sizing: border-box;
}
.dialog-lotteryRecord .dialog-lotteryRecord-close {
  width: 0.39rem;
  height: 0.39rem;
  background: url(../../img/actCenter/pc/pop_close.png) no-repeat top center;
  background-size: 100%;
  position: absolute;
  right: -0.06rem;
  top: -0.25rem;
  cursor: pointer;
}
.dialog-lotteryRecord .dialog-main-lotteryRecord-content {
  width: 100%;
  height: 100%;
}
.dialog-lotteryRecord .lotteryRecord-tab {
  width: 4.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 0.2rem;
}
.dialog-lotteryRecord .lotteryRecord-tab-item {
  width: 1.81rem;
  height: 0.57rem;
  background: url(../../img/actCenter/pc/pop_tab1.png) no-repeat top center;
  background-size: 100%;
  cursor: pointer;
  font-size: 0.3rem;
  color: #fdfdfd;
  text-align: center;
  line-height: 0.5rem;
  letter-spacing: 0.05rem;
}
.dialog-lotteryRecord .lotteryRecord-tab-item-active {
  background: url(../../img/actCenter/pc/pop_tab.png) no-repeat top center;
  background-size: 100%;
}
.dialog-lotteryRecord .lotteryRecord-list {
  width: 100%;
  margin: 0 auto;
}
.dialog-lotteryRecord .lotteryRecord-list-title {
  width: 100%;
  height: 0.4rem;
  border-radius: 0.08rem;
  background: #343434;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.2rem;
}
.dialog-lotteryRecord .lotteryRecord-list-title-item {
  font-size: 0.2rem;
  line-height: 0.4rem;
  text-align: center;
  color: #fdfdfd;
  flex: 1;
}
.dialog-lotteryRecord .lotteryRecord-list-content {
  max-height: 2.8rem;
  font-size: 0.2rem;
  line-height: 0.5rem;
  text-align: center;
  color: #fdfdfd;
  overflow-y: auto;
}
.dialog-lotteryRecord .lotteryRecord-list-content-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.3rem;
}
.dialog-lotteryRecord .lotteryRecord-list-content-item-text {
  font-size: 0.2rem;
  text-align: center;
  color: #494949;
  flex: 1;
}
/* 填写地址弹窗 */
.dialog-activityCenterAddress .dialog-main6 {
  width: 100%;
  height: 14.4rem;
  background: url(../../img/actCenter/mo/bg.jpg) no-repeat top center;
  background-size: 100%;
  padding: 6.15rem 0.4rem 2.25rem 0.55rem;
  box-sizing: border-box;
}
.dialog-activityCenterAddress .dialog-activityCenterAddress-close {
  width: 2.88rem;
  height: 0.83rem;
  background: url(../../img/actCenter/mo/back.png) no-repeat top center;
  background-size: 100%;
  position: absolute;
  left: 0;
  top: 0.6rem;
  cursor: pointer;
}
.dialog-activityCenterAddress .dialog-main-activityCenterAddress-content {
  width: 100%;
  height: 100%;
}
.dialog-activityCenterAddress .activityCenterAddress-content-row {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.1rem;
}
.dialog-activityCenterAddress .activityCenterAddress-content-item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.dialog-activityCenterAddress .activityCenterAddress-content-item-label {
  width: 2.49rem;
  height: 0.79rem;
  margin-right: 0.07rem;
}
.dialog-activityCenterAddress .activityCenterAddress-content-item-label-name {
  background: url(../../img/actCenter/mo/name.png) no-repeat top center;
  background-size: 100%;
}
.dialog-activityCenterAddress .activityCenterAddress-content-item-label-phone {
  background: url(../../img/actCenter/mo/phone.png) no-repeat top center;
  background-size: 100%;
}
.dialog-activityCenterAddress .activityCenterAddress-content-item-label-area {
  background: url(../../img/actCenter/mo/area.png) no-repeat top center;
  background-size: 100%;
}
.dialog-activityCenterAddress
  .activityCenterAddress-content-item-label-address {
  background: url(../../img/actCenter/mo/address.png) no-repeat top center;
  background-size: 100%;
}
.dialog-activityCenterAddress .activityCenterAddress-content-item-label-remark {
  background: url(../../img/actCenter/mo/tips.png) no-repeat top center;
  background-size: 100%;
}
.dialog-activityCenterAddress input {
  width: 3.9rem;
  height: 0.78rem;
  background: #ccc8c8;
  border: 0.01rem solid #fd610a;
  font-size: 0.25rem;
  color: #494949;
  padding-left: 0.2rem;
  box-sizing: border-box;
}
/* .dialog-activityCenterAddress .activityCenterAddress-content-item-shortInput {
  width: 3.29rem;
  height: 0.6rem;
  background: #CCC8C8;
  border: 0.01rem solid #FD610A;
  padding-left: 0.1rem;
  box-sizing: border-box;
} */
.dialog-activityCenterAddress .activityCenterAddress-content-item-areaInput {
  width: 3.9rem;
  height: 0.78rem;
  line-height: 0.78rem;
  background: #ccc8c8;
  border: 0.01rem solid #fd610a;
  font-size: 0.25rem;
  color: #494949;
  padding-left: 0.2rem;
  box-sizing: border-box;
  cursor: pointer;
}
.dialog-activityCenterAddress .activityCenterAddress-content-submitBtn {
  width: 2.73rem;
  height: 0.7rem;
  background: url(../../img/actCenter/btn.png) no-repeat top center;
  background-size: 100%;
  margin: 0.22rem auto 0;
  cursor: pointer;
}

.dialog-activityCenterRule {
  font-family: "Microsoft YaHei";
  overflow-y: auto;
}
.dialog-activityCenterRule-close {
  width: 0.44rem;
  height: 0.44rem;
  background: url(../../img/actCenter/pop_close.png) no-repeat top center;
  background-size: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -0.6rem;
  cursor: pointer;
}
.dialog-activityCenterRule .dialog-main-activityCenterRule {
  width: 5.7rem;
  height: 5.7rem;
  background: url(../../img/actCenter/pop_box.png) no-repeat top center;
  background-size: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.dialog-activityCenterRule .dialog-main-activityCenterRule-content {
  color: #494949;
  padding: 0.85rem 0.2rem 0.3rem 0.35rem;
}
/* .dialog-activityCenterRule .dialog-main-activityCenterRule-content-title {
  text-align: center;
  font-size: 0.32rem;
  font-weight: 500;
  padding: 0.4rem 0;
} */
.activityCenterRule-item {
  display: flex;
  align-items: flex-start;
}
.activityCenterRule-item-index {
  margin-right: 0.05rem;
}
.dialog-activityCenterRule .dialog-main-activityCenterRule-content-box {
  max-height: 4.5rem;
  font-size: 0.2rem;
  line-height: 0.3rem;
  overflow: auto;
  padding-right: 0.25rem;
  letter-spacing: 0.01rem;
  &::-webkit-scrollbar-thumb {
    border-radius: 0.5rem;
    background: rgba(177, 163, 157, 0.4);
  }
}

.dialog-activityCenterBigImage .dialog-main-activityCenterBigImage {
  width: 5rem;
  height: 5rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.dialog-activityCenterBigImage .dialog-main-activityCenterBigImage img {
  width: 100%;
  height: 100%;
}
.dialog-activityCenterBigImage .activityCenterBigImage-close {
  width: 0.39rem;
  height: 0.39rem;
  background: url(../../img/actCenter/mo/pop_close.png) no-repeat top center;
  background-size: 100%;
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
  cursor: pointer;
}