/* stylelint-disable declaration-no-important */

/* stylelint-disable property-no-vendor-prefix */
@charset "UTF-8";

@font-face {
  font-family: 'font';
  src: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community/font/font.ttf);
}

body,
html {
  width: 100%;
}

a:focus,
input:focus,
p:focus,
div:focus {
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

p {
  margin-block-start: 0;
  margin-block-end: 0;
  padding: 0;
}

* {
  user-select: text;
  -user-select: text;
}

:root {
  --main-bg-color: #9a4e00;
}

/* 妫板棗顦垮鐘插煖 */
.tip-act-dialog-wrap {
  position: fixed;
  background: rgba(0, 0, 0, .7);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 99;
}

.dialog-box {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  animation-name: scaleDraw;
  animation-timing-function: ease-in-out;
  animation-duration: 1s;
}

.coin-content {
  z-index: 2;
  position: relative;
  width: 100vw;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/bg.jpg) center top;
  background-size: cover;
  background-repeat: no-repeat;
}



/* 閺€鎯с亣閸戣櫣骞� */
@keyframes scaleDraw {
  0% {
    transform: scale(0);
    opacity: 0;
  }

  50% {
    transform: scale(1.1);
    opacity: 1;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.text-get,
.text-nyhd,
.text-jlsm {
  margin-top: .1152rem;
  margin-left: .2432rem;
  color: #fff;
  font-family: 'GAMEFONT';
  font-size: .0768rem;
}

.dialog-small .dialog-content {
  width: 2.208rem;
  margin-left: .0832rem;
}

.dialog-middle .dialog-content {
  width: 2.5728rem;
  margin-left: .0832rem;
}

.dialog-big .dialog-content {
  width: 3.0912rem;
  margin-left: .1664rem;
}

.btn-blue {
  background: url(https://image-1251917893.file.myqcloud.com/2020/Tip-wsq/V3.0/img/btn/secondary_large_btn_icon_bg.png) no-repeat;
  background-size: 100%;
  width: .7168rem;
  height: .1792rem;
  line-height: .1792rem;
  text-align: center;
  color: #fff;
  font-size: .0896rem;
}

.btn-normal {
  background: url(https://image-1251917893.file.myqcloud.com/2020/Tip-wsq/V3.0/img/btn/primary_large_btn_icon_bg.png) no-repeat;
  background-size: 100%;
  width: .7168rem;
  height: auto;
  line-height: .1792rem;
  text-align: center;
  color: #fff;
  font-family: 'GAMEFONT';
  font-weight: normal;
  flex-direction: column;
  justify-content: center;
  line-height: normal;
  padding: .0384rem 0;
  display: flex;
  font-size: .0896rem;
  font-family: 'Courier New', Courier, monospace;
}

.btn-normal.center {
  position: absolute;
  bottom: .1088rem;
  left: 0;
  right: 0;
  margin: auto;
}

.btn-normal-long {
  background: url(https://image-1251917893.file.myqcloud.com/2020/Tip-wsq/V3.0/img/btn/primary_long_btn_bg.png) no-repeat;
  background-size: 100%;
  width: 1.0496rem;
  height: .1792rem;
  line-height: .1792rem;
  text-align: center;
  color: #fff;
  font-size: .0896rem;
}

.btn-normal.center,
.btn-normal-long.center {
  transform: translateX(.0416rem);
}

.dialog-content .radio-group {
  display: flex;
  align-items: center;
  font-size: .0768rem;
  color: #9a4e00;
  justify-content: center;
  margin-top: .1152rem;
  user-select: none;
}

.dialog-content .radio-group .radio {
  width: .128rem;
  height: .128rem;
  background: url(https://image-1251917893.file.myqcloud.com/2021/act/pvp/a20210709summerVacation/icon-uncheck.png) no-repeat;
  background-size: 100%;
  transform: translateY(-0.0064rem);
  margin-right: .0384rem;
}

/* .dialog-content .radio-group .radio.act {
  width: .128rem;
  height: .128rem;
  background: url(https://image-1251917893.file.myqcloud.com/2021/act/pvp/a20210709summerVacation/icon-check.png) no-repeat;
  background-size: 100%;
} */

.dialog-content .van-icon-success {}

.dialog-content .radio-group span {
  color: #ffb52b;
}

.dialog-small {
  background: url(https://image-1251917893.file.myqcloud.com/2021/act/pvp/a20210709summerVacation/dialog-bg-s.png) no-repeat;
  background-size: 100%;
  width: 2.2912rem;
  height: 1.456rem;
}

.dialog-middle {
  background: url(https://image-1251917893.file.myqcloud.com/2021/act/pvp/a20210709summerVacation/dialog-bg-m.png) no-repeat;
  background-size: 100%;
  width: 2.6592rem;
  height: 1.68rem;
}


/* 閺堚偓婢堆冪潌瀵湱鐛� */
.wz-goods-content {
  display: flex;
}

.wz-goods-toast {
  background: url(https://image-1251917893.file.myqcloud.com/2021/act/pvp/a20210709summerVacation/toast-bg.png) no-repeat;
  background-size: 100%;
  width: .8064rem;
  height: .8064rem;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  transform: translateX(.096rem);
  padding-top: .2176rem;
}

.wz-goods-toast .icon-gou {
  background: url(https://image-1251917893.file.myqcloud.com/2021/act/pvp/a20210709summerVacation/toast-gou.png) no-repeat;
  background-size: 100%;
  width: .256rem;
  height: .1728rem;
  margin: 0 auto;
}

.wz-goods-toast .text {
  font-size: .0768rem;
  color: rgba(130, 160, 204, 1);
  text-align: center;
  margin-top: .0704rem;
}

.wz-goods-content .left {
  width: 2.048rem;
  margin-top: .128rem;
  margin-left: .0704rem;
}

.wz-goods-content .left .btn-normal,
.wz-goods-content .left .btn-normal-long {
  margin: .0576rem auto 0;
  display: block;
}

.wz-goods-content .left .btn-blue {
  margin: .0576rem auto 0;
}

.wz-goods-content .bg-get {
  background: url(https://image-1251917893.file.myqcloud.com/2021/act/pvp/a20210709summerVacation/bg-get.png) no-repeat right;
  background-size: 100%;
  width: 2.048rem;
  height: 1.2992rem;
  padding: .0448rem 0;
  position: relative;
}

.wz-goods-content .no-mini-program .bg-get {
  background: url(https://image-1251917893.file.myqcloud.com/2021/act/pvp/a20210709summerVacation/bg-get-no-mini.png) no-repeat right;
  background-size: 100%;
  width: 2.048rem;
  height: 1.5296rem;
  padding: .0448rem;
  position: relative;
}

.wz-goods-content .no-mini-program .btn-normal {
  display: none;
}

.wz-goods-content .no-mini-program .get-wrap {
  height: .992rem;
}

.label-got {
  background: url(https://image-1251917893.file.myqcloud.com/2021/act/pvp/a20210709summerVacation/label-got.png) no-repeat;
  background-size: 100% auto;
  width: .6777rem;
  height: .6777rem;
  position: absolute;
  top: -0.1232rem;
  right: 0;
}

.label-used {
  background: url(https://image-1251917893.file.myqcloud.com/2021/act/pvp/a20210709summerVacation/label_used.png) no-repeat;
  background-size: 100% auto;
  width: .6777rem;
  height: .6777rem;
  position: absolute;
  top: -0.1232rem;
  right: 0;
}

.label-overtime {
  background: url(https://image-1251917893.file.myqcloud.com/2021/act/pvp/a20210709summerVacation/label_overtime.png) no-repeat;
  background-size: 100%;
  width: .4608rem;
  height: .4608rem;
  position: absolute;
  top: -0.096rem;
  right: 0;
}

.wz-goods-content .goods-box {
  display: flex;
  margin-bottom: .096rem;
  margin: 0 .0448rem;
}

.goods-box {
  position: relative;
}

/* .goods-box::after{
  content: none;
  position: absolute;
  width: 0;
  height: 0;
  left: .1536rem;
  bottom: -0.064rem;
  border-style: solid;
  border-width: 0 .0384rem .0512rem .0384rem;
  border-color: transparent transparent rgba(17, 34, 55, .4) transparent;
} */

.goods-box .goods-img {
  width: .3584rem;
  height: .3584rem;
  position: relative;
}

.goods-box .goods-img .label-online {
  position: absolute;
  top: 0;
  left: 0;
  width: .192rem;
  height: .1984rem;
  background: url(https://image-1251917893.file.myqcloud.com/2021/act/pvp/a20210709summerVacation/label-online.png) no-repeat;
  background-size: 100%;
}

.goods-box .goods-img .label-offline {
  position: absolute;
  top: 0;
  left: 0;
  width: .192rem;
  height: .1984rem;
  background: url(https://image-1251917893.file.myqcloud.com/2021/act/pvp/a20210709summerVacation/label-offline.png) no-repeat;
  background-size: 100%;
}

.wz-goods-content .goods-box .goods-img img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.goods-box .goods-detail {
  margin-left: .0512rem;
}

.goods-box .goods-discount {
  font-size: 1.4786rem;
  color: #fff;
}

.goods-box .goods-name {
  font-size: .1979rem !important;
  color: #E54320 !important;
  margin: .0192rem 0;
}

.goods-box .goods-time {
  font-size: .1343rem;
  color: #82a0cc;
}

.goods-box .goods-task {
  font-size: .1343rem;
  color: #82a0cc;
}

.get-wrap {
  overflow: auto;
  height: .7936rem;
  padding: 0 .0448rem 0;

  /* margin-top: .064rem; */
}

.get-wrap .title-discount {
  font-size: .1479rem;
  color: #adceeb;
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-bottom: .0128rem;
}

.get-wrap .code-discount {
  font-size: .1479rem;
  background: #11223760!important;
  color: #fff!important;
  height: .2464rem;
  text-align: center;
  line-height: .2464rem;
  margin-bottom: .0616rem;
  position: relative;
}

.get-wrap .code-discount::before {
  width: 100%;
  height: .0185rem;
  background: transparent;
  content: none;
  position: absolute;
  bottom: .0123rem;
  left: 0;
  display: none;
}

.get-wrap .title-discount::before {
  width: .0128rem;
  height: .0384rem;
  background: rgba(173, 206, 235, 1);
  content: '';
  position: absolute;
  top: .0512rem;
  left: -0.0448rem;
}

.get-wrap .title-discount {
  border-top: .0064rem solid #2e547f;
  padding-top: .032rem;
  margin-top: .032rem;
}

.get-wrap .title-discount.no-border {
  border-top: none;
}

.get-wrap .title-discount .give-type {
  font-size: .1232rem;
  display: flex;
}

.get-wrap .title-discount .give-type>span {
  color: #82a0cc !important;
  display: flex;
}

.get-wrap .title-discount .give-type .name {
  display: block;
  width: .32rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.get-wrap .title-discount .give-type>span.link {
  text-decoration: underline;
}

.get-wrap .des-discount {
  color: rgba(130, 160, 204, 1);
  font-size: .1355rem;
  padding: .0512rem 0;
}

.get-wrap .des-discount>img {
  width: .768rem;
  height: auto;
  margin-top: .032rem;
}

.wz-goods-box {
  background: rgba(17, 34, 55, .4);
  padding: .0576rem;
  position: relative;
}

.wz-goods-box .label {
  position: absolute;
  top: -0.0128rem;
  right: .0896rem;
  background: url(https://image-1251917893.file.myqcloud.com/2021/act/pvp/a20210709summerVacation/label-limited.png) no-repeat right;
  background-size: 100%;
  width: .1056rem;
  height: .1952rem;
}

.wz-goods-box .wz-goods-time {
  font-size: .064rem;
  color: #82a0cc;
}

.wz-goods-box .wz-goods-detail-box {
  display: flex;
  margin-top: .0384rem;
  position: relative;
}

.wz-goods-box .wz-goods-img {
  width: .2432rem;
  height: .2432rem;
}

.wz-goods-box .wz-goods-img img {
  width: .2432rem;
  height: .2432rem;
}

.wz-goods-box .wz-goods-detail {
  margin-left: .0512rem;
}

.wz-goods-detail .wz-goods-condition {
  font-size: .0768rem;
  color: #adceeb;
}

/* cdk*/
.cdk .wz-goods-detail .wz-goods-condition {
  color: rgba(130, 160, 204, 1);
}

.wz-goods-detail .wz-goods-tips {
  font-size: .064rem;
  color: #82a0cc;
}

/* cdk*/
.cdk .wz-goods-detail .wz-goods-tips {
  padding-bottom: .0512rem;
  color: #E54320 !important;
}

.wz-goods-detail .wz-goods-props {
  display: flex;
  border-top: .0064rem solid rgba(123, 197, 255, 1);
  padding-top: .0512rem;
  padding-bottom: .0448rem;
}

.wz-goods-detail .wz-goods-props .item-props {
  width: .3696rem;
  height: .3696rem;
  border: .0064rem solid rgba(53, 102, 158, 1);
  background: rgba(25, 29, 55, 1);
}

.wz-goods-detail .wz-goods-props img {
  width: .3696rem;
  height: .3696rem;
}

.wz-goods-content .right {
  margin-left: .0832rem;
  width: .8rem;
  margin-top: .128rem;
}

.wz-goods-content .flag-bg {
  background: url(https://image-1251917893.file.myqcloud.com/2021/act/pvp/a20210709summerVacation/flag-bg.png) no-repeat right;
  background-size: 100%;
  width: .3584rem;
  height: .5184rem;
  padding-top: .0512rem;
  margin: 0 auto;
}

.wz-goods-content .flag-bg img {
  width: .2944rem;
  height: .2944rem;
  display: block;
  margin: 0 auto;
}

.wz-goods-content .flag-name {
  font-size: .0768rem;
  color: #fff;
  text-align: center;
}

.wz-goods-content .flag-address {
  font-size: .0576rem;
  color: #82a0cc;
  margin-top: .064rem;
}

.wz-goods-content .btn-more {
  font-size: .0768rem;
  background: url(https://image-1251917893.file.myqcloud.com/2020/Tip-wsq/V3.0/img/btn/primary_s_btn_icon_bg.png) no-repeat right;
  background-size: 100%;
  width: .4096rem;
  height: .1536rem;
  color: #fff;
  text-align: center;
  line-height: .1536rem;
  margin: .16rem auto .16rem;
}

.dialog-big .wz-goods-content.dialog-content .radio-group .radio {
  transform: translateY(0);
  background: #00000080;
  background-size: cover;
  background-repeat: no-repeat;
  width: .2834rem;
  height: .2834rem;
}

.dialog-big .wz-goods-content.dialog-content .radio-group .radio.act::after {
  content: '';
  display: block;
  position: absolute;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/5/checkbox-active.png) center top;
  background-size: cover;
  background-repeat: no-repeat;
  width: .23rem;
  height: .1643rem;
  top: .0657rem;
  right: .0164rem;

}

.dialog-big .dialog-content .radio-group {
  margin-top: .6161rem;
  margin-left: -0.083rem;
}

/* 閺堚偓婢堆冭剨閿燂拷? end */
.dialog-bar-code {
  width: 1.7664rem;
  height: 1.28rem;
}

.bg-bar-code {
  /* z-index: 111; */
  position: relative;
  width: 100%!important;
  height: 3.4684rem!important;
  flex-wrap: wrap;
  background: url(https://image-1251917893.file.myqcloud.com/2021/act/pvp/a20210709summerVacation/dialog-bar-code.png) no-repeat;
}

.bg-bar-code .left {
  width: .3072rem!important;
  height: .9728rem!important;
  margin: 0;
}

.bg-bar-code .left>img {
  width: .3072rem;
  height: .9728rem;
}

.bg-bar-code .right {
  width: .9728rem;
  height: .9728rem;
  background: #fff;
  margin: 0;
}

.bg-bar-code .right>img {
  width: .96rem!important;
  height: auto!important;
  display: block!important;

  /* border: .02rem solid; */
  position: absolute!important;
  top: .2668rem;
  left: 1.8676rem;
}

.btn-normal-top {
  display: none !important;
}

.goods-list-wrap {
  position: relative;
  padding-bottom: 0;
}

.goods-list {
  width: 4.9286rem;
  display: flex;
  overflow-x: auto;
}

.tip-act-dialog-wrap .dialog-big {
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/5/good-detail--avatar.png) center top;
  background-size: cover;
  background-repeat: no-repeat;
  width: 1.0843rem;
  height: 1.0843rem;
  z-index: 10;
  box-sizing: border-box;
  padding: .2816rem 0 0 .448rem;
}

.tip-act-dialog-wrap .dialog-big .btn-normal {
  display: block;
  margin: .0123rem auto 0;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/pop-btn2.png) center top;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: calc(272 / 750 * 6.1607rem);
  height: calc(80 / 750 * 6.1607rem);
  color: #FEFEEB;
  font-size: calc(28 / 750 * 6.1607rem);
  font-style: normal;
  font-weight: 400;
  line-height: calc(80 / 750 * 6.1607rem);
  font-family: 'GAMEFONT';
  text-shadow: 0rem calc(1 / 750 * 6.1607rem) calc(1 / 750 * 6.1607rem) rgba(221, 46, 17, 0.66);
  padding: 0;

  /* font-weight: 900; */

}

.tip-act-dialog-wrap .dialog-big .btn-normal.btn-normal--long {
  margin: .0123rem auto 0;
  display: block;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/pop-btn2.png) center top;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: calc(272 / 750 * 6.1607rem);
  height: calc(80 / 750 * 6.1607rem);
  color: #FEFEEB;
  font-size: calc(28 / 750 * 6.1607rem);
  font-style: normal;
  font-weight: 400;
  line-height: calc(80 / 750 * 6.1607rem);
  font-family: 'GAMEFONT';
  text-shadow: 0rem calc(1 / 750 * 6.1607rem) calc(1 / 750 * 6.1607rem) rgba(221, 46, 17, 0.66);
  padding: 0;
}

.wz-goods-content .left .btn-normal-long {
  display: block;
  margin: .0123rem auto 0;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/pop-btn2.png) center top;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: calc(272 / 750 * 6.1607rem);
  height: calc(80 / 750 * 6.1607rem);
  color: #FEFEEB;
  font-size: calc(28 / 750 * 6.1607rem);
  font-style: normal;
  font-weight: 400;
  line-height: calc(80 / 750 * 6.1607rem);
  font-family: 'GAMEFONT';
  text-shadow: 0rem calc(1 / 750 * 6.1607rem) calc(1 / 750 * 6.1607rem) rgba(221, 46, 17, 0.66);
  padding: 0;

}

.tip-act-dialog-wrap .dialog-big .goods-detail .goods-name {
  line-height: normal;
  margin: .0616rem 0 .0565rem 0;
}

.tip-act-dialog-wrap .dialog-big .wz-goods-detail-box {
  position: relative;
}

.tip-act-dialog-wrap .dialog-big .wz-goods-box {
  background: none;
  width: 1.9392rem;
  height: auto;
  background: rgba(17, 34, 55, .4);
  padding: .0128rem .0384rem;
  box-sizing: border-box;
  margin: 0 0 .0384rem;
}


.tip-act-dialog-wrap .dialog-big .goods-box .goods-img {
  width: .9036rem;
  height: .9036rem;
  margin-right: .0616rem;

}

.tip-act-dialog-wrap .dialog-big .title-discount {
  color: #ACA13C;
  font-size: .1848rem;
  margin: 0 0 .0256rem 0;
  position: relative;
  border: none;
  padding: 0;
}

.tip-act-dialog-wrap .dialog-big .title-discount::before {
  content: '';
  position: absolute;
  top: .0384rem;
  left: -0.0576rem;
  width: .0128rem;
  height: .0384rem;
  background: #ACA13C;
}

.tip-act-dialog-wrap .dialog-big .wz-goods-condition {
  color: #7aa0d0;
  font-size: .1479rem;
  margin: 0 0 .0256rem 0;
}

.tip-act-dialog-wrap .dialog-big .wz-goods-img {
  width: .256rem;
  height: .256rem;
  border: .0064rem solid #215385;
  display: flex;
  justify-content: center;
  align-items: center;
}

.tip-act-dialog-wrap .dialog-big .wz-goods-img img {
  width: 100%;
  height: 100%;
}

.tip-act-dialog-wrap .dialog-big .label {
  position: absolute;
  top: 0;
  right: .0768rem;
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/img/limited@2x.png') center center no-repeat;
  background-size: 100% auto;
  width: .1088rem;
  height: .192rem;
}

.tip-act-dialog-wrap .dialog-big .des-discount {
  padding-top: 0;
}

.tip-act-dialog-wrap .dialog-big .wz-goods-tips {
  color: #a4cfee;
  font-size: .1355rem;
  margin: .0256rem 0 0;
  line-height: normal;
}

.tip-act-dialog-wrap .dialog-big .wz-goods-props {
  border-top: .0064rem solid rgba(122, 198, 255, .568);
}

.tip-act-dialog-wrap .dialog-big .wz-goods-props .van-popover__wrapper {
  width: .1408rem;
  height: .1408rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.tip-act-dialog-wrap .dialog-big .wz-goods-props .van-popover__wrapper img {
  width: 100%;
  height: 100%;
}

.tip-act-dialog-wrap .dialog-big .wz-goods-props .item-props {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 .0256rem 0 0;
}

.tip-act-dialog-wrap .dialog-big .wz-goods-props .item-props img {
  width: 100%;
  height: auto;
  display: block;
}

.tip-act-dialog-wrap .dialog-big .flag-name {
  color: #333;
  font-size: .1479rem;
  text-align: center;
}

.tip-comp-dialog--fullpage-sure {}

.tip-comp-cover {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, .6) !important;
  background-image: none !important;
  z-index: 95;
  display: flex;
  justify-content: center;
}

.tip-comp-dialog--fullpage {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .7);
}

.tip-comp-dialog--fullpage-content {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 3.8196rem;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community/img/popup_bp_jb.png) no-repeat center center;
  background-size: auto 100%;
  padding: 0rem 0;
  margin: 0rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
  z-index: 100;
}

.tip-comp-dialog--fullpage-center {
  display: flex;
  width: 80%;
  margin: 0 auto;
  justify-content: center;
}

.tip-comp-dialog--fullpage-tradename {
  width: 100%;
  text-align: center;
  color: #333;
  font-size: .1232rem;
}

.tip-comp-dialog--fullpage-centeritem {
  width: 1.5402rem;
  margin: 0 .0616rem;

  border-radius: .0616rem;
  height: 1.3554rem;
}

.tip-comp-dialog--fullpage-centeritem img {
  display: block;
  margin: 0 auto;
  width: 1.1705rem;
  margin: .1232rem auto .0616rem;
  border-radius: .0616rem;
  background: linear-gradient(0deg, #fff, #fff), linear-gradient(224.03deg, #4270bc 1.64%, #685cc5 100%);
  border: .0209rem solid #89cbf3;
  height: auto;


}

/* .tip-comp-dialog--fullpage-content::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: -0.16rem;
  width: .5248rem;
  height: .1216rem;
  margin: auto;
  background: url(https://image-1251917893.file.myqcloud.com/2019/a20191014IngameMerchant/20200723/d-title-get.png) no-repeat center center;
  background-size: auto 100%;
} */
.tip-comp-dialog--fullpage-get::before {
  position: absolute;
  left: 0;
  right: 0;
  top: -0.6161rem;
  content: '';
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.7743rem;
  height: .4764rem;
  font-family: 'GAMEFONT';
  color: #fff;
  font-size: .1152rem;
  margin: auto;
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/2.0/dialog-title--full.png') no-repeat center center;
  background-size: auto 100%;
}

.tip-comp-dialog--fullpage-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin: .032rem 0rem 0rem;
}

.tip-comp-dialog--fullpage-box {
  display: flex;
  padding: 0 .0896rem;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin: .032rem 0rem 0rem;
  z-index: 3;
}

.tip-comp-dialog--fullpage-list {
  width: 100%;
  display: flex;
  justify-content: center;
}

.tip-comp-dialog--fullpage-item {
  position: relative;
  margin: 0rem .128rem;
}

/* .tip-comp-dialog--fullpage-item::before {
  display: block;
  content: '';
  width: .0896rem;
  height: .0896rem;
  position: absolute;
  left: .288rem;
  top: .032rem;
  z-index: 30;
  background: url(https://image-1251917893.file.myqcloud.com/2020/a20200414privilege_peacegame/icon-limit-time.png) repeat bottom center;
  background-size: 100% auto;
} */

.tip-comp-dialog--fullpage-img {
  width: .352rem;
  height: .352rem;
  margin: 0 auto;
  border: .0164rem solid #376faf;
  background-image: linear-gradient(0deg, #1d375b 0%, #13263d 100%);
  box-shadow: 0 0 .0329rem 0 rgba(0, 0, 0, .5);
  border-radius: .0329rem;
}

.tip-comp-dialog--fullpage-item span {
  display: block;
  font-size: .064rem;
  line-height: .0896rem;
  margin-top: .048rem;
  color: #d6eaff;
  width: .384rem;
  display: box;
  overflow: hidden;
  text-overflow: ellipsis;
  display: box;
  -webkit-line-clamp: 2;
  box-orient: vertical;
}

.tip-comp-dialog--fullpage-tips--use {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.416rem;
  font-size: .064rem;
  color: #82a0cc;
}



.tip-comp-dialog--fullpage-roll-light {
  width: 3.104rem;
  width: 3.104rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1.552rem 0 0 -1.552rem;
  z-index: 90;
  animation: rotateLight .4s linear both;
}


.tip-comp-dialog--fullpage-itemtop {
  text-align: center;
}

.tip-comp-dialog--fullpage-btn {
  color: #fff;
  text-align: center;
}

.tip-comp-dialog--fullpage-btn a {
  padding: .032rem 0;
  font-family: 'GAMEFONT';
  font-weight: normal;
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.tip-comp-dialog--fullpage-baseInfo .tip-comp-dialog--fullpage-context {
  text-align: center;
  color: #59cef3;
  margin: .048rem auto 0;
  max-width: 3.8812rem;
}

.tip-comp-dialog--fullpage-baseInfo {
  display: flex;
  justify-self: center;
}

.tip-comp-dialog--notice-title {
  max-width: 1.664rem;
  width: 100%;
  margin: 0 auto;
  font-family: inherit;
}

.tip-comp-dialog--notice-title em {
  color: #f5b74c;
}

.tip-comp-dialog--notice-title span {
  display: block;
}

.tip-comp-dialog--notice-text {
  color: #82a0cc;
  font-size: .128rem;
  line-height: .2048rem;
}

.tip-comp-dialog--input-phone-info .tip-comp-dialog--title {
  font-family: '';
  padding: 0;
  padding-top: .1848rem;
  padding-bottom: .1232rem;
  font-size: .2464rem;
  color: #fff;
  text-align: center;
  text-shadow:none !important;
  /* text-shadow: 0 0 .0128rem #3967b3; */
}

.tip-comp-dialog {
  overflow: hidden;
  position: fixed;
  left: 0;
  right: 0;
  top: 50%;
  min-height: auto;
  transform: translateY(-50%);
  transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 99;
  margin: auto;
  text-align: center;
}

.tip-comp-dialog--close {
  display: block;
}

.tip-comp-dialog--close {
  display: inline-block;
  width: .128rem;
  height: .128rem;
  background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/pvp3.0/image/pop/icon-close.png) no-repeat center center;
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  right: .0704rem;
  top: .128rem;
  text-indent: -320rem;
}

.tip-comp-dialog-pic-wrap p {
  font-size: .064rem;
  color: #82a0cc;
  padding: .0384rem 0 .0768rem;
}

.tip-comp-dialog--notice-title {
  font-family: 'GAMEFONT';
  color: #fff;
  font-size: .0768rem;
  word-wrap: break-word;
  word-break: normal;
}

.tip-comp-dialog-pic-wrap img {
  display: block;
  width: .3328rem;
  height: .3328rem;
  border: .0064rem solid #35669e;
  margin: 0 auto;
}

.tip-comp-dialog--prompt .dialog-bg-small {
  width: 2.3424rem;
  height: 1.4016rem;
  padding: .08rem 0 0 .128rem;
  background: url(https://image-1251917893.file.myqcloud.com/2020/Tip-wsq/V3.0/img/dialog/dialog_small_bg.png) no-repeat center center;
  min-height: auto;
  background-size: contain;
}

.tip-comp-dialog--prompt-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: calc(100% - .4352rem);
}


.tip-comp-dialog--btn-cont {
  display: box;
  display: flexbox;
  display: flex;
  box-align: center;
  flex-align: center;
  align-items: center;
  box-pack: center;
  flex-pack: center;
  justify-content: space-evenly;
  margin: .1088rem auto .128rem;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  /* padding: 0 0 0 .16rem; */
}

.tip-comp-dialog--btn-cont a {
  /* display: block; */

  /* margin: 0 .0256rem; */
}

.tip-comp-dialog--prompt {
  width: 2.3424rem;
  height: 1.4016rem;
  padding: .08rem 0 0 .128rem;
  background: url(https://image-1251917893.file.myqcloud.com/2020/Tip-wsq/V3.0/img/dialog/dialog_small_bg.png) no-repeat 50%;
  min-height: auto;
  background-size: contain;
}

.tip-comp-dialog--prompt .tip-comp-dialog--btn-cont a {
  display: block;
  font-family: 'GAMEFONT';
  margin-right: .192rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .0832rem;
  font-weight: 400;
  text-align: center;
  color: #fff;
  width: .7168rem;
  height: .1792rem;
  font-size: .0896rem;
  font-weight: 400;
}

.tip-comp-dialog--prompt .tip-comp-dialog--btn-cont a:last-child {
  margin-right: 0;
  width: .7168rem;
  height: .1792rem;
  font-size: .0896rem;
  font-weight: 400;
  text-align: center;
  color: #fff;
  background: url(https://image-1251917893.file.myqcloud.com/2020/Tip-wsq/V3.0/img/btn/primary_large_btn_icon_bg.png) no-repeat 50%;
  background-size: 100% 100%;
}

.tip-comp-dialog--prompt .tip-comp-dialog--btn-cont .tip-comp-dialog-cancel {
  display: flex;
  align-items: center;
  justify-content: center;
  width: .7168rem;
  height: .1792rem;
  font-size: .0896rem;
  line-height: normal;
  background: url(https://image-1251917893.file.myqcloud.com/2020/Tip-wsq/V3.0/img/btn/secondary_large_btn_icon_bg.png) no-repeat center center;
  background-size: contain;
  color: #fff;
}

.tip-comp-dialog--prompt .tip-comp-dialog--btn-cont .tip-comp-dialog-sure {
  display: flex;
  align-items: center;
  justify-content: center;
  width: .7168rem;
  height: .1792rem;
  font-size: .0896rem;
  line-height: normal;
  background: url(https://image-1251917893.file.myqcloud.com/2020/Tip-wsq/V3.0/img/btn/primary_large_btn_icon_bg.png) no-repeat center center;
  background-size: contain;
  color: #fff;
}

.tip-comp-btn-medium-primary {
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community/img/pop-btn2.png) no-repeat center center;
  background-size: 100% auto;
  font-family: 'font';
  width: 1.3554rem;
  height: .4313rem;
  line-height: .345rem;
  font-size: .1848rem;
  font-weight: normal;
  text-align: center;
  color: #c05400;
}

.tip-comp-dialog.tip-comp-explain-tip {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/popup_bg3_jb.png) center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 6.9123rem;
  height: 4.1605rem;
  padding: .7722rem .8rem 0 .8rem;
  overflow: visible;
  box-sizing: border-box;
  margin: 0;
}

.tip-comp-cover .tip-comp-explain-close {
  position: absolute;
  top: calc(45 / 750 * 6.1607rem);
  right: calc(75 / 750 * 6.1607rem);
  width: calc(44 / 750 * 6.1607rem);
  height: calc(44 / 750 * 6.1607rem);
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/colse.png) center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
  text-indent: -616.0098rem;

}


.tip-comp-cover .tip-comp-explain-title {
  position: absolute;
  top: .512rem;
  left: 0%;
  font-size: .2464rem !important;
}

.tip-comp-cover .tip-comp-explain-detail {
  color: #333333;
  max-height: 2.56rem;
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
  text-align: left;
  scrollbar-gutter: stable;
  padding: 0 .032rem;
  box-sizing: border-box;
}

.tip-comp-explain-detail::-webkit-scrollbar {
  background: #f3f8fa;
  width: .0493rem;
}

.tip-comp-explain-detail::-webkit-scrollbar-thumb {
  width: .0616rem;
  border-radius: .0308rem;
  background: #537fdb;
}

.tip-comp-explain-detail p {
  text-align: left;
  margin-bottom: .032rem;
  color: #333;
  font-size: .1807rem;

  /* padding-right: .1643rem; */
}

.tip-comp-explain-detail h5 {
  text-align: left;
  font-weight: bold;
  font-size: .1807rem;
  margin-bottom: .032rem;
  margin-top: .15rem;
}

.tip-comp-explain-detail h5 strong {
  font-weight: bold;
}

.tip-comp-explain-detail table {
  text-align: center;
  border-collapse: collapse;
  width: 80%;
  margin: .1rem 0;
}

.tip-comp-explain-detail table th,
td {
  border: .0164rem solid #333;
  text-align: center;
  max-width: 1.152rem;
  padding: .0128rem;
  font-size: .1807rem;
}

.tip-comp-explain-detail span {
  display: block;
  padding-left: .064rem;
  margin-top: .032rem;
}

.icon-up-wechat {
  margin: 1.3554rem auto 0!important;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/img/icon-wx.png) center center no-repeat!important;
  background-size: 100% auto!important;
  width: 1.4786rem!important;
  height: 1.4786rem!important;
  animation: bounce-down-data-v-0d08aed0 1.6s linear infinite;
  animation: bounce-down-data-v-0d08aed0 1.6s linear infinite;
  overflow: hidden;
}

.dialog-up-wechat .text {
  color: #fff;
  text-align: center;
  margin: 0 auto .032rem;
}


.tip-comp-dialog-modify-phone .dialog-bg-small {
  width: 2.3424rem;
  height: 1.4016rem;
  padding: .08rem 0 0 .128rem;
  background: url(https://image-1251917893.file.myqcloud.com/2020/Tip-wsq/V3.0/img/dialog/dialog_small_bg.png) no-repeat center center;
  min-height: auto;
  background-size: contain;
}

.tip-comp-dialog-modify-phone .tip-comp-dialog-btn-wrap div {
  font-family: 'GAMEFONT';
  margin-right: .192rem;
}

.tip-comp-dialog-modify-phone .tip-comp-dialog-btn-wrap div:last-child {
  margin-right: 0;
}

.tip-comp-dialog-modify-phone .tip-comp-dialog-btn-wrap .tip-comp-dialog-cancel {
  display: flex;
  align-items: center;
  justify-content: center;
  width: .7168rem;
  height: .1792rem;
  line-height: normal;
  font-size: .0896rem;
  background: url(https://image-1251917893.file.myqcloud.com/2020/Tip-wsq/V3.0/img/btn/secondary_large_btn_icon_bg.png) no-repeat center center;
  background-size: contain;
  color: #fff;
}

.tip-comp-dialog-modify-phone .tip-comp-dialog-btn-wrap .tip-comp-dialog-sure {
  display: flex;
  align-items: center;
  justify-content: center;
  width: .7168rem;
  height: .1792rem;
  line-height: normal;
  font-size: .0896rem;
  background: url(https://image-1251917893.file.myqcloud.com/2020/Tip-wsq/V3.0/img/btn/primary_large_btn_icon_bg.png) no-repeat center center;
  background-size: contain;

}

.tip-comp-dialog--input-phone-info .dialog-bg-small {
  width: 2.3424rem;
  height: 1.4016rem;
  padding: .08rem 0 0 .128rem;
  background: url(https://image-1251917893.file.myqcloud.com/2020/Tip-wsq/V3.0/img/dialog/dialog_small_bg.png) no-repeat center center;
  min-height: auto;
  background-size: contain;
}

.tip-comp-dialog--input-phone-info .tip-comp-dialog--btn-cont a {
  display: block;
  font-family: 'GAMEFONT';
  margin-right: .192rem;
}

.tip-comp-dialog--input-phone-info .tip-comp-dialog--btn-cont a:last-child {
  margin-right: 0;
}

.tip-comp-dialog--input-phone-info .tip-comp-dialog--btn-cont .tip-comp-dialog-cancel {
  display: flex;
  align-items: center;
  justify-content: center;
  width: .7168rem;
  height: auto;
  line-height: normal;
  font-size: .0896rem;
  background: url(https://image-1251917893.file.myqcloud.com/2020/Tip-wsq/V3.0/img/btn/secondary_large_btn_icon_bg.png) no-repeat center center;
  background-size: contain;
  color: #fff;
  padding: .0256rem 0;
}

.tip-comp-dialog--input-phone-info .tip-comp-dialog--btn-cont .tip-comp-dialog-sure {
  display: flex;
  align-items: center;
  justify-content: center;
  width: .7168rem;
  height: auto;
  line-height: normal;
  font-size: .0896rem;
  background: url(https://image-1251917893.file.myqcloud.com/2020/Tip-wsq/V3.0/img/btn/primary_large_btn_icon_bg.png) no-repeat center center;
  background-size: contain;
  color: #fff;
  padding: .032rem 0;
}

.tip-comp-dialog-modify-phone .tip-comp-dialog-btn-wrap div {
  font-family: 'GAMEFONT';
  margin-right: .192rem;
}

.tip-comp-dialog-modify-phone .tip-comp-dialog-btn-wrap div:last-child {
  margin-right: 0;
}

.tip-comp-dialog-modify-phone .tip-comp-dialog-btn-wrap .tip-comp-dialog-cancel {
  display: flex;
  align-items: center;
  justify-content: center;
  width: .7168rem;
  height: auto;
  line-height: normal;
  font-size: .0896rem;
  background: url(https://image-1251917893.file.myqcloud.com/2020/Tip-wsq/V3.0/img/btn/secondary_large_btn_icon_bg.png) no-repeat center center;
  background-size: contain;
  padding: .0256rem 0;
  color: #fff;
}

.tip-comp-dialog-modify-phone .tip-comp-dialog-btn-wrap .tip-comp-dialog-sure {
  display: flex;
  align-items: center;
  justify-content: center;
  width: .7168rem;
  height: auto;
  line-height: normal;
  font-size: .0896rem;
  background: url(https://image-1251917893.file.myqcloud.com/2020/Tip-wsq/V3.0/img/btn/primary_large_btn_icon_bg.png) no-repeat center center;
  background-size: contain;
  padding: .032rem 0;
}

.tip-comp-dialog-modify-phone {
  width: 2.3424rem;
  height: 1.4016rem;
  padding: .096rem 0 0;
  background: url(https://image-1251917893.file.myqcloud.com/2020/Tip-wsq/V3.0/img/dialog/dialog_small_bg.png) no-repeat center center;
  background-size: contain;
}

.tip-comp-dialog-title {
  font-family: 'GAMEFONT';
  padding: .1232rem 0 0 .3696rem;
  font-size: .1479rem;
  color: #701f0b;
  text-align: left;
  margin: unset;
  line-height: .1848rem;
}

.tip-comp-dialog--input-phone-info {
  width: 2.3424rem;
  height: 1.4016rem;
  padding: .08rem 0 0 .128rem;
  background: url(https://image-1251917893.file.myqcloud.com/2020/Tip-wsq/V3.0/img/dialog/dialog_small_bg.png) no-repeat center center;
  min-height: auto;
  background-size: contain;
}

.tip-act-dialog-wrap {
  position: fixed;
  background: rgba(0, 0, 0, .7);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 99;
}

.dialog-box {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.dialog-box .icon-close {
  background: url(https://image-1251917893.file.myqcloud.com/2020/Tip-wsq/V3.0/img/dialog/dialog_close.png) no-repeat;
  background-size: 100%;
  width: .6272rem;
  height: .256rem;
  position: absolute;
  top: .0768rem;
  right: 0rem;
}

/* 娴滃瞼娣惍浣歌剨閿燂拷? start*/
.dialog-code {
  width: 1.92rem;
  height: 1.504rem;
}

.dialog-box.dialog-code .icon-close {
  background: url(https://image-1251917893.file.myqcloud.com/2021/act/pvp/a20210709summerVacation/dialog-close.png) no-repeat;
  background-size: 100%;
  width: .1344rem;
  height: .1344rem;
  position: absolute;
  top: -0.1088rem;
  right: -0.2432rem;
}

.dialog-code .bg-code {
  margin: auto;
  width: 1.1968rem;
  height: 1.1968rem;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: .0256rem;
}

.dialog-code .bg-code>img {
  width: .9728rem;
  height: .9728rem;
  background: #fff;
}

.dialog-code .blue-text {
  font-size: .0896rem;
  color: rgba(130, 160, 204, 1);
  text-align: center;
  margin-top: .064rem;
}

.dialog-code .white-text {
  font-size: .0768rem;
  color: #fff;
  text-align: center;
}

.tip-comp-dialog {
  overflow: hidden;
  position: fixed;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 99;
  margin: auto;
  text-align: center;
  color: #999;
}

.tip-comp-dialog--scan-code {
  width: 2.7456rem;
  height: 1.6448rem;
  padding: .096rem 0 0 .16rem;
  background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/pvp3.0/image/pop/pop-bg--m.png) no-repeat center center;
  background-size: contain;
}

.tip-comp-dialog--scan-code-img {
  width: .768rem;
  height: .768rem;
  border-radius: .0256rem;
  padding: .0256rem;
  margin: 0 auto;
  margin-top: .0704rem;
  background: unset;
}

.tip-comp-dialog--close {
  display: inline-block;
  width: .128rem;
  height: .128rem;
  background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/pvp3.0/image/pop/icon-close.png) no-repeat center center;
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  right: .0704rem;
  top: .128rem;
  text-indent: -320rem;
}

.tip-comp-dialog--scan-code-content {
  width: 80%;
  margin: auto;
  min-height: 1.28rem;
  padding-top: .0704rem;
  text-align: center;
}

.tip-comp-dialog--scan-code-subhead {
  margin-top: .0704rem;
  font-size: .0832rem;
  letter-spacing: 0;
  text-align: center;
  color: #7aa1d0;
}

.tip-comp-dialog--scan-code-btn {
  display: none;
}
/* 
@media all and (min-width: 16.8064rem) and (min-device-pixel-ratio: 2) {
  .shop-content {
    transform: scale(.7)
  }

  .index-content--inner {
    transform: scale(.8)
  }

  .tip-comp-dialog {
    zoom: .7
  }

  .tip-act-dialog-wrap .dialog-big {
    zoom: .8
  }

  .coin-content {
    transform: scale(.77) translate(-50%, -50%);
    ;
    transform-origin: 0% 0%
  }
}

@media all and (min-width: 16.8064rem) and (max-width: 16.8393rem) {
  .shop-content {
    transform: scale(.7)
  }

  .index-content--inner {
    transform: scale(.8)
  }

  .tip-comp-dialog {
    zoom: .7
  }

  .tip-act-dialog-wrap .dialog-big {
    zoom: .8
  }

  .coin-content {
    transform: scale(.62) translate(-50%, -50%);
    transform-origin: 0% 0%
  }
}

@media all and (min-width: 22.425rem) and (max-width: 22.4579rem) and (min-device-pixel-ratio: 2) {
  .shop-content {
    transform: scale(.7)
  }

  .index-content--inner {
    transform: scale(.8)
  }

  .tip-comp-dialog {
    zoom: .7
  }

  .tip-act-dialog-wrap .dialog-big {
    zoom: .8
  }

  .coin-content {
    transform: scale(.77) translate(-50%, -50%);
    transform-origin: 0% 0%
  }
}

@media all and (min-width: 21.2421rem) and (max-width: 21.275rem) and (min-device-pixel-ratio: 2) {
  .shop-content {
    transform: scale(.7)
  }

  .index-content--inner {
    transform: scale(.8)
  }

  .tip-comp-dialog {
    zoom: .7
  }

  .tip-act-dialog-wrap .dialog-big {
    zoom: .8
  }

  .coin-content {
    transform: scale(.77) translate(-50%, -50%);
    transform-origin: 0% 0%
  }
}

@media all and (min-width: 18.2522rem) and (max-width: 18.285rem) and (min-device-pixel-ratio: 2) {
  .shop-content {
    transform: scale(.7)
  }

  .index-content--inner {
    transform: scale(.8)
  }

  .tip-comp-dialog {
    zoom: .7
  }

  .tip-act-dialog-wrap .dialog-big {
    zoom: .8
  }

  .coin-content {
    transform: scale(.77) translate(-50%, -50%);
    transform-origin: 0% 0%
  }
}

@media all and (min-width: 37.2107rem) and (max-width: 37.2436rem) {
  .shop-content {
    transform: scale(.7)
  }

  .index-content--inner {
    transform: scale(.8)
  }

  .tip-comp-dialog {
    zoom: .7
  }

  .tip-act-dialog-wrap .dialog-big {
    zoom: .8
  }

  .coin-content {
    transform: scale(.77) translate(-50%, -50%);
    transform-origin: 0% 0%
  }
}

@media all and (min-width: 19.5993rem) and (max-width: 19.6322rem) and (min-device-pixel-ratio: 2) {
  .shop-content {
    transform: scale(.7)
  }

  .index-content--inner {
    transform: scale(.8)
  }

  .tip-comp-dialog {
    zoom: .7
  }

  .tip-act-dialog-wrap .dialog-big {
    zoom: .8
  }

  .coin-content {
    transform: scale(.77) translate(-50%, -50%);
    transform-origin: 0% 0%
  }
}

@media all and (min-width: 17.7264rem) and (max-width: 17.7593rem) and (min-device-pixel-ratio: 2) {
  .shop-content {
    transform: scale(.7)
  }

  .index-content--inner {
    transform: scale(.8)
  }

  .tip-comp-dialog {
    zoom: .7
  }

  .tip-act-dialog-wrap .dialog-big {
    zoom: .8
  }

  .coin-content {
    transform: scale(.77) translate(-50%, -50%);
    transform-origin: 0% 0%
  }
}

@media all and (min-width: 18.5972rem) and (max-width: 18.63rem) and (min-device-pixel-ratio: 2) {
  .shop-content {
    transform: scale(.7)
  }

  .index-content--inner {
    transform: scale(.8)
  }

  .tip-comp-dialog {
    zoom: .7
  }

  .tip-act-dialog-wrap .dialog-big {
    zoom: .8
  }

  .coin-content {
    transform: scale(.77) translate(-50%, -50%);
    transform-origin: 0% 0%
  }
}

@media all and (min-width: 18.5972rem) and (max-width: 18.63rem) {
  .shop-content {
    transform: scale(.7)
  }

  .index-content--inner {
    transform: scale(.8)
  }

  .tip-comp-dialog {
    zoom: .7
  }

  .tip-act-dialog-wrap .dialog-big {
    zoom: .8
  }

  .coin-content {
    transform: scale(.77) translate(-50%, -50%);
    transform-origin: 0% 0%
  }
}

@media all and (min-width: 24.4293rem) and (max-width: 24.4621rem) and (min-device-pixel-ratio: 2) {
  .shop-content {
    transform: scale(.7)
  }

  .index-content--inner {
    transform: scale(.8)
  }

  .tip-comp-dialog {
    zoom: .7
  }

  .tip-act-dialog-wrap .dialog-big {
    zoom: .8
  }

  .coin-content {
    transform: scale(.77) translate(-50%, -50%);
    transform-origin: 0% 0%;
  }
} */

.tip-comp-dialog--input_phone-box{
  margin-top: 0.1rem !important;
}


.tip-comp-dialog--input_phone-box input {
  display: block;
  width: 1.1776rem;
  height: .1536rem;
  font-size: .064rem;
  color: #fff;
  background: #112237;
  border: .0164rem solid #35669e;
  padding: 0 .0768rem;
  margin: .256rem auto .0512rem;
}

.tipdialog-box input::input-placeholder {
  color: #82a0cc;
}

.tip-comp-dialog--input_phone-msg {
  margin: 0 .256rem;
  color: #333;
  text-align: left;
  font-size: .1232rem;
}

.tip-comp-cover .tip-comp-dialog--treaty-check {
  display: block;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/uncheck.png) no-repeat;
  background-size: 100% 100%;
  /* -webkit-appearance: none; */
  width: .1848rem;
  height: .1848rem;
  outline: none;
  border: none;
  margin-right: .0256rem;
  cursor: pointer;
  visibility: visible;

  /* padding: .0256rem 0; */
  margin-right: .0493rem;
  margin-top: -.04rem;
}

.tip-comp-cover .tip-comp-dialog--treaty-check .van-checkbox {
  width: 100%;
  height: 100%;
}

.tip-comp-checkbox-normal.checked {
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/checked.png) no-repeat;
  background-size: 100% 100%;
}

.tip-comp-dialog--treaty-check .van-icon-success {
  width: .1848rem;
  height: .1848rem;
  /* background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/checked.png) no-repeat;
  background-size: 100% 100%; */
  display: block;
}

.tip-comp-dialog--treaty-check .van-icon-success::before {
  content: none;
}

.tip-comp-dialog--phone-treaty-desc {
  font-size: .0986rem;
  color: #4550d0;
  text-decoration: underline;
}

.tip-comp-dialog--input_phone-content {
  margin: auto;
  text-align: center;
  width: 70%;
  margin: 0 auto;
}

.tip-comp-dialog--input_phone-content::v-deep .tip-comp-dialog--treaty-wrap {}

/* 閸楀繗顔� */
.tip-comp-dialog--treaty-wrap {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0 auto !important;
  align-items: center !important;
  padding: .25rem 0 .1rem;
}

.tip-comp-dialog--treaty-wrap label {
  font-size: .0986rem;
  color: #333;
}

.tip-comp-dialog--treaty-wrap .van-checkbox__icon {
  font-size: .128rem;
  background-repeat: no-repeat;
  width: .1848rem;
  height: .1848rem;
  border: .0164rem solid #95b6d6;
  background: #6d7f93;

}

.tip-comp-dialog--treaty-wrap .van-checkbox__icon .van-icon {
  border: none;

  /* border: .0164rem solid #95b6d6;
  background: #6d7f93; */
  background-repeat: no-repeat;
  width: .1848rem;
  height: .1848rem;
  background-color: transparent;
}

.tip-comp-dialog--treaty-wrap .van-checkbox__icon--checked .van-icon-success {
  /* background: url(https://image-1251917893.file.myqcloud.com/2020/Tip-wsq/V3.0/img/dialog/checked.png) no-repeat center center; */

  /* background-size: contain; */
  border-color: transparent !important;
  background-color: transparent !important;
  position: relative;
}

.tip-comp-dialog--treaty-wrap .van-checkbox__icon--checked .van-icon-success::after {
  content: '';
  display: block;
  position: absolute;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/checked.png) center top;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
}

.tip-comp-dialog-content {
  position: relative;
  width: 2.4027rem;
  margin: .5545rem auto 0;
}

.tip-comp-dialog-content .tip-comp-dialog-btn-wrap {
  display: flex;
  justify-content: center;
  margin: .128rem auto 0;
}

.tip-comp-dialog-content .phone-number {
  width: 100%;
  height: .2464rem;
  font-size: .1232rem;
  color: #fff;
  padding: 0 .0616rem;
  background: rgba(17, 34, 55, .5);
  border: .0164rem solid rgba(53, 102, 158, .5);
  margin-bottom: .0616rem;
}

.tip-comp-dialog-content .code-number {
  box-flex: 1;
  flex: 1;
  flex: 1;
  height: .2464rem;
  font-size: .1232rem;
  color: #fff;
  padding: 0 .0616rem;
  background: rgba(17, 34, 55, .5);
  border: .0164rem solid rgba(53, 102, 158, .5);
}

.tip-comp-dialog-content .code-number::placeholder {
  color: #82a0cc;
}

.tip-comp-dialog-content .phone-number::placeholder {
  color: #82a0cc;
}

.tip-comp-dialog-content .send-code {
  display: box;
  display: flexbox;
  display: flex;
  box-align: center;
  flex-align: center;
  align-items: center;
  box-pack: center;
  flex-pack: center;
  justify-content: center;
  height: .2464rem;
  font-size: .1232rem;
  color: #82a0cc;
  padding: 0 .0768rem;
  margin-left: .0512rem;
  white-space: nowrap;
  border: .0164rem solid #2d507b;
}


.tip-comp-dialog-content .code-wrap {
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: .0512rem;
}

/* 娴滃瞼娣惍浣歌剨閿燂拷? end*/

.tip-comp-cover {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, .6);
  z-index: 100;
}

html {
  background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/pvp/img/bg/bg.png) no-repeat center center;
  background-size: cover;
}

html,
body {
  height: 100%;
}

@font-face {
  font-family: 'GAMEFONT';
  src: url('https://image-1251917893.file.myqcloud.com/tipcomm/pvp_gamefont/UI3.0/GAMEFONT.eot') format('eot'), url('https://image-1251917893.file.myqcloud.com/tipcomm/pvp_gamefont/UI3.0/GAMEFONT.TTF') format('TTF'), url('https://image-1251917893.file.myqcloud.com/tipcomm/pvp_gamefont/UI3.0/GAMEFONT.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/*pvp-font-size   .1479rem  .1643rem  .1807rem .1972rem .2136rem .23rem .2464rem*/

/*
* 鐏忓搫顕敍姝甶ni閵嗕够mall閵嗕沟edium閵嗕勾arge
* 閻樿鎷�?: primary閿涘牅瀵岀憰渚婄礆閵嗕够econdary(濞喡ゎ洣)閵嗕龚isabled閵嗕簚arning
* 妫板棗褰囬幐澶愭尦鐟欏嫬鍨敍姝礽p-comp-btn-size-type  閻⑩暟ype閵嗕垢lain閵嗕购ound閸滃畱ircle鐏炵偞鈧勬降鐎规矮绠� button 閻ㄥ嫭鐗遍敓锟�?
*/
html {
  background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/pvp/img/bg/bg.png) no-repeat center center;
  background-size: cover;
}

@font-face {
  font-family: 'GAMEFONT';
  src: url('https://image-1251917893.file.myqcloud.com/tipcomm/pvp_gamefont/UI3.0/GAMEFONT.eot') format('eot'), url('https://image-1251917893.file.myqcloud.com/tipcomm/pvp_gamefont/UI3.0/GAMEFONT.TTF') format('TTF'), url('https://image-1251917893.file.myqcloud.com/tipcomm/pvp_gamefont/UI3.0/GAMEFONT.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/*pvp-font-size   .1479rem  .1643rem  .1807rem .1972rem .2136rem .23rem .2464rem*/
.tip-comp-btn-small-primary {
  background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/pvp3.0/image/btn/btn-samll-primary.png) no-repeat center center;
  background-size: contain;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'GAMEFONT';
  width: .416rem;
  height: .16rem;
  font-size: .0832rem;
  font-weight: normal;
  text-align: center;
  color: #fff;
}

.tip-comp-btn-small-secondary {
  background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/pvp3.0/image/btn/btn-small-secondary.png) no-repeat center center;
  background-size: contain;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'GAMEFONT';
  width: .416rem;
  height: .16rem;
  font-size: .0832rem;
  font-weight: normal;
  text-align: center;
  color: #fff;
}

.tip-comp-btn-small-disabled {
  background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/pvp3.0/image/btn/btn-small-disabled.png) no-repeat center center;
  background-size: contain;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'GAMEFONT';
  width: .416rem;
  height: .16rem;
  font-size: .0832rem;
  font-weight: normal;
  text-align: center;
  color: #fff;
}



.tip-comp-btn-medium-secondary {
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community/img/pop-btn1.png) no-repeat center center;
  background-size: 100% auto;
  font-family: 'font';
  width: 1.3554rem;
  height: .4313rem;
  line-height: .345rem;
  font-size: .1848rem;
  font-weight: normal;
  text-align: center;
  color: #fff;
}

.tip-comp-btn-medium_large-secondary {
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community/img/pop-btn2.png) no-repeat center center;
  background-size: 100% auto;
  font-family: 'font';
  width: 1.3554rem;
  height: .4313rem;
  line-height: .345rem;
  font-size: .1848rem;
  font-weight: normal;
  text-align: center;
  color: #c05400;
}

.tip-comp-btn-large-primary {
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community/img/pop-btn2.png) no-repeat center center;
  background-size: 100% auto;
  font-family: 'font';
  width: 1.3554rem;
  height: .4313rem;
  line-height: .345rem;
  font-size: .1848rem;
  font-weight: normal;
  text-align: center;
  color: #c05400;
}

.tip-comp-btn-large-secondary {
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community/img/pop-btn1.png) no-repeat center center;
  background-size: 100% auto;
  font-family: 'font';
  width: 1.3554rem;
  height: .4313rem;
  line-height: .345rem;
  font-size: .1848rem;
  font-weight: normal;
  text-align: center;
  color: #fff;
}


.tip-comp-btn-maxlarge-primary {
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community/img/pop-btn2.png) no-repeat center center;
  background-size: 100% auto;
  font-family: 'font';
  width: 1.3554rem;
  height: .4313rem;
  line-height: .345rem;
  font-size: .1848rem;
  font-weight: normal;
  text-align: center;
  color: #c05400;
}

.tip-comp-dialog {
  overflow: hidden;
  position: fixed;
  left: 0;
  right: 0;
  top: 50%;
  min-height: auto;
  transform: translateY(-50%);
  z-index: 99;
  margin: auto;
  text-align: center;
}

.tip-comp-dialog--close {
  display: block;
}

.tip-comp-dialog--close {
  display: inline-block;
  width: .3286rem;
  height: .3286rem;
  background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/pvp3.0/image/pop/icon-close.png) no-repeat center center;
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  right: .1807rem;
  top: .3286rem;
  text-indent: -821.4286rem;
}

.tip-comp-dialog--close {
  position: absolute;
  right: 0;
  top: .1972rem;
  display: inline-block;
  width: 1.61rem;
  height: .6572rem;
  background: url('https://image-1251917893.file.myqcloud.com/2020/Tip-wsq/V3.0/img/dialog/dialog_close.png') no-repeat center center;
  background-size: contain;
  vertical-align: middle;
}

.tip-comp-dialog-prompt-title {
  margin-top: .3943rem;
  color: #303030;
  font-size: .2957rem;
  line-height: .3614rem;
  text-align: center;
}

.tip-comp-dialog--prompt-box {
  text-align: center;
}

.tip-comp-dialog--prompt-box .tip-comp-dialog--notice-title {
  width: 100%;
  color: #333;
}

.tip-comp-dialog--notice-title {
  font-family: 'GAMEFONT';
  color: #fff;
  font-size: .1972rem;
  word-wrap: break-word;
  word-break: normal;
  max-width: 4.2714rem;
  width: 100%;
}

.tip-comp-dialog--notice-text {
  color: #82a0cc;
  font-size: .128rem;
  margin-top: .1314rem;
}

.tip-comp-dialog--notice-text.tip-comp-dialog--notice-text-gold {
  color: #ffb52b;
}

.tip-comp-dialog--btn-cont {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  position: absolute;
  left: .0205rem;
  right: 0;
  z-index: 2;
  margin: .0329rem auto .2053rem;
}

.tip-comp-dialog--prompt .dialog-bg-small {
  width: 6.0129rem;
  height: 3.5979rem;
  padding: .2053rem 0 0 .3286rem;
  background: url(https://image-1251917893.file.myqcloud.com/2020/Tip-wsq/V3.0/img/dialog/dialog_small_bg.png) no-repeat center center;
  min-height: auto;
  background-size: contain;
}

.tip-comp-dialog--prompt .tip-comp-dialog--btn-cont a {
  display: flex;
  font-family: 'GAMEFONT';
  margin-right: .4929rem;
  line-height: normal;
  height: auto;
  padding: .0986rem 0;
}

.tip-comp-dialog--prompt .tip-comp-dialog--btn-cont a:last-child {
  margin-right: 0;
}

.tip-comp-dialog--prompt .tip-comp-dialog--btn-cont .tip-comp-dialog-cancel {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.84rem;
  height: auto;
  font-size: .23rem;
  line-height: normal;
  background: url(https://image-1251917893.file.myqcloud.com/2020/Tip-wsq/V3.0/img/btn/secondary_large_btn_icon_bg.png) no-repeat center center;
  background-size: contain;
}

.tip-comp-dialog--prompt .tip-comp-dialog--btn-cont .tip-comp-dialog-sure {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.84rem;
  height: .46rem;
  font-size: .23rem;
  line-height: normal;
  background: url(https://image-1251917893.file.myqcloud.com/2020/Tip-wsq/V3.0/img/btn/primary_large_btn_icon_bg.png) no-repeat center center;
  background-size: contain;
}

.tip-comp-dialog--prompt-empty {
  display: none;
}

.tip-comp-dialog--prompt-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: calc(100% - 1.1172rem);
}

.tip-comp-dialog-pic-wrap img {
  display: block;
  width: .8543rem;
  height: .8543rem;
  border: .0164rem solid #35669e;
  margin: 0 auto;
}

.tip-comp-dialog-pic-wrap p {
  font-size: .1643rem;
  color: #82a0cc;
  padding: .0986rem 0 .1972rem;
}

.tip-act-dialog-wrap {
  position: fixed;
  background: rgba(0, 0, 0, .7);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 99;
  display: flex;
  justify-content: center;
  align-items: center;
}

.dialog-box {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.dialog-box .icon-close {
  background: url(https://image-1251917893.file.myqcloud.com/2020/Tip-wsq/V3.0/img/dialog/dialog_close.png) no-repeat;
  background-size: 100%;
  width: 1.61rem;
  height: .6572rem;
  position: absolute;
  top: .1972rem;
  right: 0rem;
}

.dialog-box .text-get {
  margin-top: .2957rem;
  margin-left: .6243rem;
  color: #2650CE;
  font-family: 'GAMEFONT';
  font-size: .2218rem;


}

.dialog-small .dialog-content {
  width: 5.6679rem;
  margin-left: .2136rem;
}

.dialog-middle .dialog-content {
  width: 6.6043rem;
  margin-left: .2136rem;
}

.dialog-big .dialog-content {
  width: 7.935rem;
  margin-left: .4271rem;
}

.btn-blue {
  background: url(https://image-1251917893.file.myqcloud.com/2020/Tip-wsq/V3.0/img/btn/secondary_large_btn_icon_bg.png) no-repeat;
  background-size: 100%;
  width: 1.84rem;
  height: .46rem;
  line-height: .46rem;
  text-align: center;
  color: #fff;
  font-size: .23rem;
}

.btn-normal {
  background: url(https://image-1251917893.file.myqcloud.com/2020/Tip-wsq/V3.0/img/btn/primary_large_btn_icon_bg.png) no-repeat;
  background-size: 100%;
  width: 1.84rem;
  height: .46rem;
  line-height: .46rem;
  text-align: center;
  color: #fff;
  font-size: .23rem;
}

.btn-normal.center {
  position: absolute;
  bottom: .2793rem;
  left: 0;
  right: 0;
  margin: auto;
}

.btn-normal.center {
  transform: translateX(.1068rem);
}

.dialog-content .radio-group {
  display: flex;
  align-items: center;
  font-size: .1643rem !important;
  color: #333 !important;
  justify-content: center;
  margin-top: .2957rem;
}

.dialog-content .radio-group .radio {
  width: .3286rem;
  height: .3286rem;
  background: url(https://image-1251917893.file.myqcloud.com/2021/act/pvp/a20210709summerVacation/icon-uncheck.png) no-repeat;
  background-size: 100%;
  transform: translateY(-0.0164rem);
  margin-right: .0986rem;
}

.wz-goods-content .dialog-content.wz-goods-content .radio-group .radio.act {
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/5/checkbox.png) center top;
  background-size: cover;
  background-repeat: no-repeat;
  width: .345rem;
  height: .3614rem;
}

.dialog-content .radio-group span {
  color: #ffb52b;
}

.dialog-small {
  background: url(https://image-1251917893.file.myqcloud.com/2021/act/pvp/a20210709summerVacation/dialog-bg-s.png) no-repeat;
  background-size: 100%;
  width: 5.8814rem;
  height: 3.7375rem;
}

.dialog-middle {
  background: url(https://image-1251917893.file.myqcloud.com/2021/act/pvp/a20210709summerVacation/dialog-bg-m.png) no-repeat;
  background-size: 100%;
  width: 6.8261rem;
  height: 4.3125rem;
}

/* 閺夆€宠埌閻礁鑴婇敓锟�? start*/
.dialog-bar-code {
  width: 4.5343rem;
  height: 3.2857rem;
}

.dialog-box.dialog-bar-code .icon-close {
  background: url(https://image-1251917893.file.myqcloud.com/2021/act/pvp/a20210709summerVacation/dialog-close.png) no-repeat;
  background-size: 100%;
  width: .345rem;
  height: .345rem;
  position: absolute;
  top: -0.0164rem;
  right: -0.3286rem;
}

.dialog-bar-code .title-bar-code {
  font-size: .23rem;
  color: #fff;
  text-align: center;
  margin-bottom: .1643rem;
}

.dialog-bar-code .bg-bar-code {
  width: 4.5343rem;
  height: 3.0886rem;
  background: url(https://image-1251917893.file.myqcloud.com/2021/act/pvp/a20210709summerVacation/dialog-bar-code.png) no-repeat;
  background-size: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 .3286rem;
  box-sizing: border-box;
}

.dialog-bar-code .bg-bar-code .left {
  width: .7886rem;
  height: 2.4972rem;
}

.dialog-bar-code .bg-bar-code .left>img {
  width: .7886rem;
  height: 2.4972rem;
}

.dialog-bar-code .bg-bar-code .right {
  width: 2.4972rem;
  height: 2.4972rem;
  background: #fff;
}

.dialog-bar-code .bg-bar-code .right>img {
  width: 2.4972rem;
  height: 2.4972rem;
}

.tip-comp-dialog {
  overflow: hidden;
  position: fixed;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99;
  margin: auto;
  min-height: unset;
}

.tip-comp-dialog-close {
  position: absolute;
  right: 0;
  top: .1479rem;
  display: inline-block;
  width: 1.61rem;
  height: .6572rem;
  background: url('https://image-1251917893.file.myqcloud.com/2020/Tip-wsq/V3.0/img/dialog/dialog_close.png') no-repeat center center;
  background-size: contain;
  vertical-align: middle;
}



.tip-comp-dialog-btn-wrap {
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: .6941rem;
  z-index: 2;
}

.tip-comp-dialog-modify-phone .dialog-bg-small {
  width: 6.0129rem;
  height: 3.5979rem;
  padding: .2053rem 0 0 .3286rem;
  background: url(https://image-1251917893.file.myqcloud.com/2020/Tip-wsq/V3.0/img/dialog/dialog_small_bg.png) no-repeat center center;
  min-height: auto;
  background-size: contain;
}

.tip-comp-dialog-modify-phone .tip-comp-dialog-btn-wrap div {
  font-family: 'GAMEFONT';
  margin-right: .4929rem;
}

.tip-comp-dialog-modify-phone .tip-comp-dialog-btn-wrap div:last-child {
  margin-right: 0;
}

.tip-comp-dialog-modify-phone .tip-comp-dialog-btn-wrap .tip-comp-dialog-cancel {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.84rem;
  height: .46rem;
  line-height: normal;
  font-size: .23rem;
  background: url(https://image-1251917893.file.myqcloud.com/2020/Tip-wsq/V3.0/img/btn/secondary_large_btn_icon_bg.png) no-repeat center center;
  background-size: contain;
}

.tip-comp-dialog-modify-phone .tip-comp-dialog-btn-wrap .tip-comp-dialog-sure {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.84rem;
  height: .46rem;
  line-height: normal;
  font-size: .23rem;
  background: url(https://image-1251917893.file.myqcloud.com/2020/Tip-wsq/V3.0/img/btn/primary_large_btn_icon_bg.png) no-repeat center center;
  background-size: contain;
}

.tip-comp-dialog {
  overflow: hidden;
  position: fixed;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99;
  margin: auto;
  text-align: center;
  color: #999;
}

.tip-comp-dialog--close {
  display: inline-block;
  width: .3286rem;
  height: .3286rem;
  background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/pvp3.0/image/pop/icon-close.png) no-repeat center center;
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  right: .1807rem;
  top: .3286rem;
  text-indent: -821.4286rem;
}

.tip-comp-dialog {
  overflow: hidden;
  position: fixed;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99;
  margin: auto;
  min-height: unset;
}

.tip-comp-dialog--close {
  position: absolute;
  right: 0;
  top: .1479rem;
  display: inline-block;
  width: 1.61rem;
  height: .6572rem;
  background: url('https://image-1251917893.file.myqcloud.com/2020/Tip-wsq/V3.0/img/dialog/dialog_close.png') no-repeat center center;
  background-size: contain;
  vertical-align: middle;
}

.tip-comp-dialog--btn-cont {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 2;
  margin: .2793rem auto .3286rem;
}

.tip-comp-dialog--input-phone-info .dialog-bg-small {
  width: 6.0129rem;
  height: 3.5979rem;
  padding: .2053rem 0 0 .3286rem;
  background: url(https://image-1251917893.file.myqcloud.com/2020/Tip-wsq/V3.0/img/dialog/dialog_small_bg.png) no-repeat center center;
  min-height: auto;
  background-size: contain;
}

.tip-comp-dialog--input-phone-info .tip-comp-dialog--btn-cont a {
  display: block;
  font-family: 'GAMEFONT';
  margin-right: .4929rem;
}

.tip-comp-dialog--input-phone-info .tip-comp-dialog--btn-cont a:last-child {
  margin-right: 0;
}

.tip-comp-dialog--input-phone-info .tip-comp-dialog--btn-cont .tip-comp-dialog-cancel {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.84rem;
  height: .46rem;
  line-height: normal;
  font-size: .23rem;
  background: url(https://image-1251917893.file.myqcloud.com/2020/Tip-wsq/V3.0/img/btn/secondary_large_btn_icon_bg.png) no-repeat center center;
  background-size: contain;
}

.tip-comp-dialog--input-phone-info .tip-comp-dialog--btn-cont .tip-comp-dialog-sure {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.84rem;
  height: .46rem;
  line-height: normal;
  font-size: .23rem;
  background: url(https://image-1251917893.file.myqcloud.com/2020/Tip-wsq/V3.0/img/btn/primary_large_btn_icon_bg.png) no-repeat center center;
  background-size: contain;
}

.coin-modal--modals-sm {
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/popup_bg3_jb.png) center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 5.9307rem;
  height: 3.5691rem;
  position: relative;
  z-index: 10;
  padding-left: .1643rem;
  box-sizing: border-box;
  overflow: visible;
}

.coin-modal--modals-sm.coin-modal--modals-tiny {
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/4/modal-bg--small.png) center top;
  background-size: cover;
  background-repeat: no-repeat;
  width: 4.9943rem;
  height: 3.22rem;

}

.coin-modal--modals-sm.coin-modal--modals-tiny .coin-modal--title {
  display: none;
}

.coin-modal--modals-sm.coin-modal--modals-tiny .coin-modal--inner-content {
  font-weight: bold;
  font-size: .2464rem;
  height: 1.725rem;
  margin: .4929rem auto 0;
}

.coin-modal--modals-big {
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/2.0/modal-bg--big.png') center center no-repeat;
  background-size: 100% 100%;
  width: 9.315rem;
  height: 5.3064rem;
  z-index: 10;
  box-sizing: border-box;
  padding: .8214rem 0 0 1.15rem;
}

.coin-modal--title {
  margin: .2957rem auto .0821rem;
  height: .4271rem;
  overflow: hidden;
  text-align: center;
  line-height: .3614rem;
    color: #2650CE;
    font-size: calc(32 / 750 * 6.1607rem);
    margin: 0 0.1643rem 0 0.0657rem;
    font-family: 'GAMEFONT';
    font-weight: 400;
    text-align: center;
}

.coin-modal--title.coin-modal--title-nolucky {
  /* background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/5/dialog-title-nopoint.png) center top;
  background-size: cover;
  background-repeat: no-repeat; */
  /* width: 1.9057rem; */
  height: .2957rem;
  margin-top: .4929rem;
}

.coin-modal--title::before,.tip-comp-cover .tip-comp-dialog--input-phone-info .tip-comp-dialog--title::before,.tip-comp-dialog--input-addr .tip-comp-dialog--title.tip-comp-dialog--input-addr-title::before{
  content: "";
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/ptit_line1.png) no-repeat;
  background-size: 100% 100%;
  display: inline-block;
  vertical-align: middle;
  width: calc(104 / 750 * 6.1607rem);
  height: calc(3 / 750 * 6.1607rem);
  margin-right: calc(5 / 750 * 6.1607rem);
}

.coin-modal--title::after,.tip-comp-cover .tip-comp-dialog--input-phone-info .tip-comp-dialog--title::after,.tip-comp-dialog--input-addr .tip-comp-dialog--title.tip-comp-dialog--input-addr-title::after{
  content: "";
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/ptit_line2.png) no-repeat;
  background-size: 100% 100%;
  display: inline-block;
  vertical-align: middle;
  width: calc(104 / 750 * 6.1607rem);
  height: calc(3 / 750 * 6.1607rem);
  margin-left: calc(5 / 750 * 6.1607rem);
}

/* .coin-modal--title.coin-modal--title-nolucky::before {
  content: '娓╅Θ鎻愮ず1';
  color: #2650CE;
  font-family: 'GAMEFONT';
  font-weight: 400;
  font-size: calc(32 / 750 * 6.1607rem);
}

.coin-modal--title.coin-modal--title-no-coin::before {
  content: '娓╅Θ鎻愮ず2';
  color: #2650CE;
  font-family: 'GAMEFONT';
  font-weight: 400;
  font-size: calc(32 / 750 * 6.1607rem);
} */

.coin-modal--title.coin-modal--title-no-coin {
  /* background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/5/dialog-title-nocoin.png) center top;
  background-size: cover;
  background-repeat: no-repeat; */
  /* width: 2.415rem; */
  height: .2957rem;
  margin-top: .4929rem;
}

.coin-modal--inner-content {
  width: 100%;
  height: 1.35rem;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.coin-modal--modals-reward-success::v-deep .tip-comp-dialog--fullpage {
  background: rgba(0, 0, 0, .65);
}

.coin-modal--modals-reward-success::v-deep.coin-modal--modals-reward-fullpage .tip-comp-dialog--fullpage-btn {
  bottom: .575rem;
}

.coin-modal--modals-reward-success::v-deep .tip-comp-dialog--fullpage-items {
  display: flex;
  justify-content: center;
  height: auto;
  width: 100%;
  margin-top: -0.1643rem;
}

.coin-modal--modals-reward-success::v-deep .tip-comp-dialog--fullpage-items .tip-comp-dialog--fullpage-item {
  position: relative;
  z-index: 4;
  width: .9857rem;
  height: .9857rem;
  margin: .2793rem auto 0;
  box-sizing: border-box;
  border: .0164rem solid #454f93;
  background: hsla(213deg, 53%, 14%, .603);
}

.coin-modal--modals-reward-success::v-deep .tip-comp-dialog--fullpage-itemtext {
  font-size: .1643rem;
  color: #59cef3;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  display: box;
  box-orient: vertical;
  width: 92%;
  margin: .0411rem auto;
}

.coin-modal--modals-reward-success::v-deep .tip-comp-dialog--fullpage-itemtext span {
  display: block;
  text-align: center;
}

.coin-modal--modals-reward-success::v-deep .tip-comp-dialog--fullpage-itemtop {
  width: 100%;
  font-size: .1643rem;
  color: #59cef3;
  line-height: normal;
  position: relative;
  height: .1972rem;
  margin: 0 auto .0821rem;
}

.coin-modal--modals-reward-success::v-deep .tip-comp-dialog--fullpage-itembundle {
  width: 1.6428rem;
}

.coin-modal--modals-reward-success::v-deep .tip-comp-dialog--fullpage-itembundle:first-child:last-child {
  width: 2.4643rem;
}

.coin-modal--modals-reward-success::v-deep .tip-comp-dialog--fullpage-itembundle:first-child:last-child .tip-comp-dialog--fullpage-itemtext {
  width: 100%;
  margin: .0411rem auto;
}

.coin-modal--modals-reward-success::v-deep .tip-comp-dialog--fullpage-itemtop+.tip-comp-dialog--fullpage-item {
  margin: 0 auto;
}

.coin-modal--modals-reward-success::v-deep .tip-comp-dialog--fullpage-btn {
  width: 100%;
  display: flex;
  justify-content: center;
}

.coin-modal--modals-reward-success::v-deep .tip-comp-dialog--fullpage-btn a {
  line-height: normal;
  margin: 0 .0821rem;
}

.coin-modal--modals-reward-success::v-deep .tip-comp-btn-large-primary {
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/2.0/btn-task--primary.png') center center no-repeat;
  background-size: 100% auto;
  width: 1.6347rem;
  height: .5504rem;
  text-indent: -82.1347rem;
}

.coin-modal--modals-reward-success::v-deep .tip-comp-btn-medium-secondary {
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/2.0/btn-task--default.png') center center no-repeat;
  background-size: 100% auto;
  width: 1.6347rem;
  height: .5504rem;
  text-indent: -82.1347rem;
}

.coin-modal--modals-reward-success::v-deep .tip-comp-dialog--fullpage-centeritem {
  position: relative;
}

.coin-modal--modals-reward-success::v-deep .tip-comp-dialog--fullpage-centeritem img {
  margin: 0;
  position: relative;
  z-index: 5;
  width: .9857rem;
  height: .9857rem;
}

.coin-modal--modals-reward-success::v-deep .tip-comp-dialog--fullpage-tradename {
  color: #fff;
  font-size: .1807rem;
}

.coin-modal--modals-reward-success::v-deep .tip-comp-dialog--fullpage-limi-time {
  color: #59cef3;
  font-size: .1643rem;
  margin: .1643rem auto 0;
  max-width: 5.75rem;
}

.coin-modal--modals-reward-success::v-deep .tip-comp-dialog--fullpage-tips {
  color: #59cef3;
  font-size: .1643rem;
}

/* .coin-modal--modals-reward-success::v-deep .tip-comp-dialog--fullpage-received::before {
  content: '娓╅Θ鎻愮ず3';
  background-size: 100%;
} */

.coin-modal--container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 6.1607rem;
  height: 6.1607rem;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 99;
}

.coin-modal--modals-text {
  color: #333;
  font-size: calc(24 / 750 * 6.1607rem);
  line-height: 1.3;
  text-align: center;
  padding: .0493rem 0;
  max-width: 4.6rem;
  transform: scale(.9);
}

.coin-modal--modals-text span {
  color: #4550d0;
}

.coin-modal--btn {
  display: block;
  width: 1.6593rem;
  height: .5504rem;
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/2.0/btn-get--lottery.png') center center no-repeat;
  background-size: 100% 100%;
}

.coin-modal--actions {
  /* padding: .1232rem 0 0; */
}

.coin-modal--actions .coin-modal--btn {
  margin: 0 auto;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/pop-btn2.png) center top;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: calc(272 / 750 * 6.1607rem);
  height: calc(80 / 750 * 6.1607rem);
  line-height: calc(76 / 750 * 6.1607rem);
  color: #FEFEEB;
  font-family: 'GAMEFONT';
  font-weight: 400;
  font-size: calc(28 / 750 * 6.1607rem);
  text-shadow: 0rem calc(1 / 750 * 6.1607rem) calc(1 / 750 * 6.1607rem) rgba(221, 46, 17, 0.66);
  text-align: center;

  
}

.coin-modal--mask {
  width: 100vw;
  height: 100%;
  position: fixed;
  background: rgba(0, 0, 0, .8);
  z-index: 5;
}

.coin-modal--modals-sm .coin-modal--close {
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/colse.png) center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: calc(44 / 750 * 6.1607rem);
  height: calc(44 / 750 * 6.1607rem);
  position: absolute;
  display: block;
  top: calc(35 / 750 * 6.1607rem);
  right: calc(65 / 750 * 6.1607rem);
  z-index: 10;
}

.coin-modal--modals-big .coin-modal--close {
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/img/close.webp') center center no-repeat;
  background-size: 100% 100%;
  width: .345rem;
  height: .345rem;
  position: absolute;
  display: block;
  top: 1.3964rem;
  right: .4107rem;
  z-index: 10;
}

.coin-modal--hide {
  display: none;
}

.coin-modal--modals-hd {
  width: 5.2572rem;
  height: 3.9429rem;
}

.coin-modal--modals-bd {
  width: 2.4643rem;
  height: 3.9429rem;
}

.coin-modal--modals-context {
  display: flex;
  justify-content: flex-start;
}

.coin-modal--modals-tickets {
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  overflow-y: hidden;
  overflow-x: auto;
  width: 100%;
}

.coin-modal--modals-tickets::-webkit-scrollbar {
  display: none;
}

.coin-modal--modals-ticket {
  width: 4.2714rem;
  height: 1.15rem;
  background: rgba(22, 44, 86, .85);

  /* 濡剝瀚欏〒鎰綁鏉堣顢� */
  border: .0164rem solid #fee1af;
  flex-shrink: 0;
  margin: 0 .0821rem 0 0;
  display: flex;
  padding: .115rem;
  justify-content: flex-start;
}

.coin-modal--modals-ticket-img {
  width: .9036rem;
  height: .9036rem;
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/img/avatar-bg.png') center center no-repeat;
  background-size: 100% 100%;
}

.coin-modal--modals-ticket-img img {
  width: 100%;
  height: 100%;
}

.coin-modal--modals-ticket-bd-title {
  color: #fff;
  margin: .0329rem 0;
  line-height: normal;
  font-size: .1972rem;
}

.coin-modal--modals-ticket-bd-text {
  color: #a4cfee;
  font-size: .1643rem;
  line-height: normal;
  margin: 0 0 .0329rem 0;
}

.coin-modal--modals-ticket-bd-time {
  color: #7aa0d0;
  font-size: .1479rem;
  line-height: normal;
}

.coin-modal--modals-ticket-bd {
  padding: 0 0 0 .1314rem;
}

.coin-modal--avatar-name {
  color: #fff;
  font-size: .1972rem;
  text-align: center;
}

.coin-modal--address-container {
  box-sizing: border-box;
  padding: 0 0 0 .4107rem;
}

.coin-modal--address {
  display: block;
  width: 1.725rem;
  font-size: .1479rem;
  line-height: normal;
  color: #a4cfee;
  text-indent: 0;
  margin: .2464rem 0 0;
}

.coin-modal--btn-more {
  display: block;
  margin: 0 0 0 .575rem;
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/img/btn-more@2x.png') center center no-repeat;
  background-size: 100% auto;
  width: 1.2979rem;
  height: .4107rem;
  text-indent: -164.2693rem;
}

.coin-modal--avatar {
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/img/avatar-img--bg.png') center center no-repeat;
  background-size: 100% 100%;
  width: .9036rem;
  height: .9036rem;
  margin: .0821rem 0 .1314rem .7722rem;
}

.coin-modal--name-container {
  box-sizing: border-box;
}

.coin-modal--modals-detail {
  width: 5.2572rem;
  height: 2.0536rem;
  background: rgba(22, 44, 86, .4);
  margin: .115rem 0 0;
  padding: .0986rem .1479rem 0;
}

.coin-modal--modals-detail-btn {
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/img/btn-confirm.png') center center no-repeat;
  background-size: 100% auto;
  width: 1.84rem;
  height: .46rem;
  display: block;
  margin: .1314rem auto 0;
  text-indent: -164.2693rem;
}

.coin-modal--modals-detail-content {
  position: relative;
  width: 4.9779rem;
  height: auto;
  background: rgba(22, 44, 86, .8);
  padding: .0986rem;
}

.coin-modal--modals-detail-header {
  color: #a4cfee;
  font-size: .1972rem;
  margin: 0 0 .0657rem 0;
  position: relative;
}

.coin-modal--modals-detail-header::before {
  content: '';
  position: absolute;
  top: .0986rem;
  left: -0.1479rem;
  width: .0329rem;
  height: .0986rem;
  background: #fee1ae;
}

.coin-modal--modals-detail-footer::before {
  content: '';
  position: absolute;
  top: .1479rem;
  left: -0.1479rem;
  width: .0329rem;
  height: .0986rem;
  background: #fee1ae;
}

.coin-modal--modals-detail-bd {
  padding: 0 0 0 .1643rem;
  box-sizing: border-box;
}

.coin-modal--modals-detail-bd-title {
  color: #a4cfee;
  font-size: .1972rem;
  margin: .0657rem 0 .0329rem;
  line-height: normal;
}

.coin-modal--modals-detail-bd-more {
  color: #7aa0d0;
  font-size: .1643rem;
}

.coin-modal--modals-detail-hd-img {
  width: .6572rem;
  height: .6572rem;
  border: .0164rem solid #215385;
}

.coin-modal--modals-detail-context {
  display: flex;
  justify-content: flex-start;
}

.coin-modal--modals-detail-top {
  color: #7aa0d0;
  font-size: .1643rem;
  margin: 0 0 .0657rem 0;
}

.coin-modal--modals-detail-limited {
  position: absolute;
  top: 0;
  right: .1972rem;
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/img/limited@2x.png') center center no-repeat;
  background-size: 100% auto;
  width: .2793rem;
  height: .4929rem;
}

.coin-modal--modals-detail-footer {
  display: flex;
  justify-content: space-between;
  padding: .0657rem 0 0;
  position: relative;
}

.coin-modal--modals-detail-footer-hd {
  color: #a4cfee;
  font-size: .1972rem;
}

.coin-modal--modals-detail-footer-bd {
  color: #a4cfee;
  font-size: .1643rem;
  padding: .0329rem 0;
}

.coin-modal--modals-detail-footer-bd span {
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 1.0678rem;
  display: inline-block;
  vertical-align: top;
}

.coin-modal--modals-detail-footer-bd a {
  color: #fff;
  display: inline-block;
  vertical-align: top;
  text-decoration: underline;
}

.coin-modal--btn-checkbox-input {
  padding: .4107rem 0 0 .3286rem;
}

.coin-modal--btn-checkbox-input p {
  color: #fff;
  font-size: .1972rem;
}

.tip-act-dialog-wrap {
  position: fixed;
  background: rgba(0, 0, 0, .7);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 99;
}

.dialog-box {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.btn-blue {
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/img/btn-cancel.png') center center no-repeat;
  background-size: 100%;
  width: 1.84rem;
  height: .46rem;
  line-height: .46rem;
  text-align: center;
  color: #fff;
  font-size: .23rem;
  text-indent: -164.2693rem;
}

@keyframes bounce-down {
  25% {
    transform: translateY(-0.0657rem);
  }

  50%,
  100% {
    transform: translateY(0);
  }

  75% {
    transform: translateY(.0657rem);
  }
}

@keyframes bounce-down {
  25% {
    transform: translateY(-0.0657rem);
  }

  50%,
  100% {
    transform: translateY(0);
  }

  75% {
    transform: translateY(.0657rem);
  }
}

/* 閹峰鎹ｅ顔讳繆 end*/
.coin-modal--lottery-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 6.1607rem;
  height: 6.1607rem;
  z-index: 20;
}

.coin-modal--lottery-ball {
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/img/ball-close.webp') center center no-repeat;
  background-size: 100% auto;
  width: .9463rem;
  height: .9463rem;
  position: relative;
  z-index: 10;
  animation: bounceInDown 1s;
  animation: bounceInDown 1s;
}

.coin-modal--lottery {
  width: 6.1607rem;
  height: 6.1607rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

@keyframes Rotate {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes Rotate {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(0, -24.6428rem, 0) scaleY(3);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, .2053rem, 0) scaleY(.9);
  }

  75% {
    transform: translate3d(0, -0.0821rem, 0) scaleY(.95);
  }

  90% {
    transform: translate3d(0, .0411rem, 0) scaleY(.985);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(0, -24.6428rem, 0) scaleY(3);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, .2053rem, 0) scaleY(.9);
  }

  75% {
    transform: translate3d(0, -0.0821rem, 0) scaleY(.95);
  }

  90% {
    transform: translate3d(0, .0411rem, 0) scaleY(.985);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.animate__bounceInDown {
  animation-name: bounceInDown;
  animation-name: bounceInDown;
}

.coin-modal--lottery-ball-light {
  position: fixed;
  width: 5.2572rem;
  height: 5.2572rem;
  top: 50%;
  left: 50%;
  margin: -2.6286rem 0 0 -2.6286rem;
  text-indent: -1000em;
  overflow: hidden;
  animation: boxLight 3s linear .03s both;
  animation: boxLight 3s linear .03s both;
  background: url('https://image-1251917893.file.myqcloud.com/privilege/QQNetbarCompetition/light-2.png') no-repeat;
  background-size: contain;
  animation: boxLight 7s linear infinite;
  animation: boxLight 7s linear infinite;
}

.coin-modal--lottery-light {
  position: absolute;
  width: 2.2671rem;
  height: 2.2671rem;
  background: url('https://image-1251917893.file.myqcloud.com/privilege/QQNetbarCompetition/light-1.png') center center no-repeat;
}

@keyframes boxLight {
  from {
    opacity: 0;
    transform: rotate(0) scale(1);
  }

  50% {
    opacity: .1;
    transform: rotate(-180deg) scale(1);
  }

  90% {
    opacity: .4;
    transform: rotate(-360deg) scale(1);
  }

  to {
    opacity: 0;
    transform: rotate(-360deg) scale(1);
  }
}

@keyframes boxLight {
  from {
    opacity: 0;
    transform: rotate(0) scale(1);
  }

  50% {
    opacity: .1;
    transform: rotate(-180deg) scale(1);
  }

  90% {
    opacity: .4;
    transform: rotate(-360deg) scale(1);
  }

  to {
    opacity: 0;
    transform: rotate(-360deg) scale(1);
  }
}

@keyframes shakeX {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(-0.0821rem, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    transform: translate3d(.0821rem, 0, 0);
  }
}

@keyframes shakeX {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(-0.0821rem, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    transform: translate3d(.0821rem, 0, 0);
  }
}

.animate__shakeX {
  animation-name: shakeX;
  animation-name: shakeX;
}

.animate--shake {
  animation: wobble .6s;
  animation: wobble .6s;
}

.animate--open {
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/img/open-ball.webp') center center no-repeat;
  background-size: 100% auto;
  width: .9266rem;
  height: 1.1237rem;
  animation: tada .8s;
  animation: tada .8s;
}

@keyframes wobble {
  from {
    transform: translate3d(0, 0, 0);
  }

  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes wobble {
  from {
    transform: translate3d(0, 0, 0);
  }

  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1.3, 1.3, 1.3) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    transform: scale3d(1.3, 1.3, 1.3) rotate3d(0, 0, 1, -3deg);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1.3, 1.3, 1.3) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    transform: scale3d(1.3, 1.3, 1.3) rotate3d(0, 0, 1, -3deg);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.balls-btn {
  display: block;
  text-align: center;
  width: .8214rem;
  height: .3696rem;
  line-height: .3696rem;
}

.tip-act-dialog-wrap .dialog-big {
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/popup_bg1_jb.png) center top;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 8.6579rem;
  height: 5.6rem;
  z-index: 10;
  box-sizing: border-box;
  padding: 0;
}

.tip-act-dialog-wrap .dialog-big .icon-close {
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/colse.png) center top;
  background-size: cover;
  background-repeat: no-repeat;
  width: calc(44 / 750 * 6.1607rem);
  height: calc(44 / 750 * 6.1607rem);
  position: absolute;
  display: block;
  top: calc(30 / 750 * 6.1607rem);
  right: calc(65 / 750 * 6.1607rem);
  z-index: 10;
}

.tip-act-dialog-wrap .dialog-big .flag-bg {
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community/img/good-detail--avatar.png) center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 1.0843rem;
  height: 1.5772rem;
  margin: .032rem 0 .1314rem .6489rem;
  padding: .1848rem 0 0 0;

  /* display: flex; */

  /* justify-content: center; */

  /* flex-direction: column; */

  /* align-items: center; */
  box-sizing: border-box;
}

.tip-act-dialog-wrap .dialog-big .flag-bg img {
  border: .0185rem solid #35669e;
  width: .8995rem;
  height: .8995rem;
  margin: 0 auto 0;
}

.tip-act-dialog-wrap .dialog-big .dialog-content {
  margin: 0;
  width: auto;
  display: flex;
  padding: 0 0 0 0;
}

.tip-act-dialog-wrap .dialog-big .bg-get {
  background: none;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/dialog-inner.png) center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 5.2572rem;
  height: 3.4007rem;
  padding-top: 0;
}

.tip-act-dialog-wrap .dialog-big .text-nyhd {
  display: block;

  /* background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/5/goods-detail--title.png) center top;
  background-size: cover; */

  /* background-repeat: no-repeat; */
  width: 1.1828rem;
  height: .2957rem;
  margin: .32rem 0 0 .512rem;
  font-size: .1848rem;
  color: #2650CE;

}

/* .tip-act-dialog-wrap .dialog-big .text-nyhd::before{
  content: '閻椻晛鎼х拠锔藉剰';
  position: absolute;
  left: 11%;
  top: 6%;
  color: #701F0B;
} */

.tip-act-dialog-wrap .dialog-big .text-get {
  /* width: 1.1828rem; */
  height: .2957rem;
  /* margin: .308rem 0 0 .7844rem; */

}

.tip-act-dialog-wrap .dialog-big .text-jlsm {
  display: block;
  width: 1.1828rem;
  height: .2957rem;
  margin: .2935rem 0 0 .8563rem;
  color: #701f0b;
}

.tip-act-dialog-wrap .dialog-big .text-jlsm::after {
  content: '';
}

.tip-act-dialog-wrap .dialog-big .left {
  width: 5.3598rem;
  margin: .032rem 0 0 .4929rem;
}

.tip-act-dialog-wrap .dialog-big .left>div {
  /* transform: rotate(90deg)!important; */
}

.tip-act-dialog-wrap .dialog-big .left .vue-barcode-element {
  /* transform: rotate(90deg)!important; */
  position: absolute;
  top: -1.0672rem;
  left: -1.0672rem;
  width: 3.4684rem;
  height: .9338rem;

  /* border: .02rem solid; */
  z-index: 111;
}

.bg-bar-code .right>img {}

.tip-act-dialog-wrap .dialog-big .right {
  width: 2.4643rem;
  height: auto;
  margin: 0;
}

.tip-act-dialog-wrap .dialog-big .goods-detail .goods-discount {
  color: #333;
  margin: .0329rem 0;
  line-height: normal;
  font-size: .2375rem;
}

.tip-act-dialog-wrap .dialog-big .goods-detail .goods-time {
  color: #333333;
  font-size: .1479rem;
  line-height: normal;
}

.tip-act-dialog-wrap .dialog-big .wz-goods-detail-box {
  position: relative;
}

.tip-act-dialog-wrap .dialog-big .wz-goods-box {
  background: none;
  width: 4.9779rem;
  height: auto;
  background: #F5F1CA;
  padding: .0329rem .0986rem;
  box-sizing: border-box;
  margin: 0 0 .0986rem;
}

.tip-act-dialog-wrap .dialog-big .get-wrap {
  width: 5.3188rem;
  height: 1.8687rem;

  /* background: rgba(22, 44, 86, 0.4); */
  padding: 0 .1479rem 0;
  box-sizing: border-box;

  /* margin: 0; */

  /* margin-top: .1848rem; */
}

.tip-act-dialog-wrap .dialog-big .goods-box {
  width: 4.0414rem;
  height: 1.1rem;
  flex-shrink: 0;
  margin: 0 .0821rem 0 0;
  display: flex;
  padding: .115rem;
  justify-content: flex-start;

  /* background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/2.0/lottery-modal--mask-bg.png') center top no-repeat;
  background-size: 100% auto; */
}

.tip-act-dialog-wrap .dialog-big .goods-box .goods-img {
  width: .9036rem;
  height: .9036rem;
  margin-right: .0616rem;
}

.tip-act-dialog-wrap .dialog-big .title-discount::before {
  content: '';
  position: absolute;
  top: .0986rem;
  left: -0.1479rem;
  width: .0329rem;
  height: .0986rem;
  background: #ACA13C;
}

.tip-act-dialog-wrap .dialog-big .wz-goods-condition {
  color: #ACA13C;
  font-size: .1979rem;
  margin: 0 0 .0657rem 0;
}

.cdk .wz-goods-detail .wz-goods-condition {
  color: #333 !important;
}

.tip-act-dialog-wrap .dialog-big .wz-goods-img {
  width: calc(76 / 750 * 6.1607rem);
  height: calc(76 / 750 * 6.1607rem);
  border: .0164rem solid #96ADB5;
  display: flex;
  justify-content: center;
  align-items: center;
}

.tip-act-dialog-wrap .dialog-big .wz-goods-img img {
  width: 100%;
  height: 100%;
}

.tip-act-dialog-wrap .dialog-big .label {
  position: absolute;
  top: 0;
  right: .1972rem;
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/img/limited@2x.png') center center no-repeat;
  background-size: 100% auto;
  width: .2793rem;
  height: .4929rem;
}

.tip-act-dialog-wrap .dialog-big .des-discount {
  padding-top: 0;
  color: #333;
}

.tip-act-dialog-wrap .dialog-big .wz-goods-tips {
  color: #333;
  font-size: .2375rem;
  margin: .0657rem 0 0;
  line-height: normal;
}

.tip-act-dialog-wrap .dialog-big .wz-goods-props {
  border-top: .0164rem solid rgba(122, 198, 255, .568);
}

.tip-act-dialog-wrap .dialog-big .wz-goods-props .van-popover__wrapper {
  width: .3614rem;
  height: .3614rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.tip-act-dialog-wrap .dialog-big .wz-goods-props .van-popover__wrapper img {
  width: 100%;
  height: 100%;
}

.tip-act-dialog-wrap .dialog-big .wz-goods-props .item-props {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 .0657rem 0 0;
}

.tip-act-dialog-wrap .dialog-big .wz-goods-props .item-props img {
  width: 100%;
  height: 100%;
}

.tip-act-dialog-wrap .dialog-big .flag-address {
  display: block;
  width: 1.8482rem;
  height: .575rem;
  font-size: .1479rem;
  line-height: normal;
  color: #333;
  text-indent: 0;
  margin: .0616rem auto 0;
}

.tip-act-dialog-wrap .dialog-big .wz-goods-content .btn-more {
  display: block;
  margin: 0 0 0 .575rem;
  color: #b0d3fd;
  font-size: .2136rem;
  border-radius: .0329rem;
  height: .4107rem;
  line-height: .4107rem;
  text-align: center;
  width: 1.2979rem;
  text-indent: 0;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community/img/btn-more.png) no-repeat;
  background-size: 100% auto;
}

.tip-comp-cover {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, .6);
  z-index: 95;
}

.tip-comp-dialog--fullpage {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .7);
}

/* .tip-comp-dialog--fullpage-get::before {
  position: absolute;
  left: 0;
  right: 0;
  top: -0.8871rem;
  content: '娓╅Θ鎻愮ず5';
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.6821rem;
  height: 1.0021rem;
  font-family: 'GAMEFONT';
  color: #fff;
  font-size: .2957rem;
  margin: auto;
  background: url(https://image-1251917893.file.myqcloud.com/2020/Tip-wsq/V3.0/img/dialog/dialog_title_bg.png) no-repeat center center;
  background-size: auto 100%;
} */

.tip-comp-dialog--fullpage-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin: .0821rem 0rem 0rem;
}

.tip-comp-dialog--fullpage-box {
  display: flex;
  padding: 0 .23rem;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin: .0821rem 0rem 0rem;
  z-index: 3;
}

.tip-comp-dialog--fullpage-list {
  width: 100%;
  display: flex;
  justify-content: center;
}

.tip-comp-dialog--fullpage-item {
  position: relative;
  margin: 0rem .3286rem;
}

.tip-comp-dialog--fullpage-img {
  width: .9036rem;
  height: .9036rem;
  margin: 0 auto;
  border: .0082rem solid #376faf;
  background-image: linear-gradient(0deg, #1d375b 0%, #13263d 100%);
  box-shadow: 0 0 .0164rem 0 rgba(0, 0, 0, .5);
  border-radius: .0164rem;
}

.tip-comp-dialog--fullpage-item span {
  display: block;
  font-size: .1643rem;
  line-height: .23rem;
  margin-top: .1232rem;
  color: #d6eaff;
  width: .9857rem;
  display: box;
  overflow: hidden;
  text-overflow: ellipsis;
  display: box;
  -webkit-line-clamp: 2;
  box-orient: vertical;
}

.tip-comp-dialog--fullpage-tips--use {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1.0678rem;
  font-size: .1643rem;
  color: #82a0cc;
}

.tip-comp-dialog--fullpage-btn {
  display: flex;
  justify-content: space-around;
  font-weight: bold;
  width: 4.025rem;
  height: .5914rem;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: .2464rem;
}

.tip-comp-dialog--fullpage-roll-light {
  width: 7.9679rem;
  width: 7.9679rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -3.9839rem 0 0 -3.9839rem;
  z-index: 90;
  animation: rotateLight .4s linear both;
  animation: rotateLight .4s linear both;
}

.tip-comp-dialog--fullpage-itemtop {
  text-align: center;
}

.tip-comp-dialog--fullpage-btn {
  color: #fff;
  text-align: center;
}

.tip-comp-dialog--fullpage-btn a {
  padding: .0821rem 0;
  font-family: 'GAMEFONT';
  font-weight: normal;
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.tip-comp-dialog--fullpage-baseInfo .tip-comp-dialog--fullpage-context {
  text-align: center;
  color: #fff;
  margin: .2464rem auto 0;
  white-space: pre;
  width: 3.8812rem;
}

.tip-comp-dialog--fullpage-baseInfo {
  display: flex;
  justify-self: center;
}

body {
  margin: 0 !important;
}

.shop-content--top {
  /* padding: 0 .5914rem; */
  width: 10.4206rem;
  height: auto;
  position: relative;
  top: 50%;
  transform: translateX(-50%) translateY(-330%);
  z-index: 9;
  left: 50%;

  /* transform: scale(.9) translateX(-50%) translateY(-330%);
  transform-origin: 50% 50%; */
}

.shop-content--card-small {
  position: relative;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/panel-ticket.png) center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 4.3355rem;
  height: 1.334rem;
  margin: 0 .0821rem .115rem;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.shop-content--cards-small {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 9.1rem;
  height: 4.0661rem;
  overflow-x: hidden;
  overflow-y: auto;
  /* padding: 0 .2033rem .2464rem; */
  margin: 0 auto;
  overscroll-behavior-y: contain;
  scrollbar-gutter: stable;
  position: relative;
  z-index: 222;

}

/* .shop-content--cards-small::after {
  content: '';
  position: absolute;
  display: block;
  height: .2588rem;
  width: 9.2493rem;
  bottom: .6161rem;
  pointer-events: none;
  background-image: linear-gradient(to bottom, rgba(200, 121, 56, 0), rgba(200, 121, 56, .4));
} */

/* .shop-content--cards-small::-webkit-scrollbar {
  width: .0821rem;
  height: .0493rem;
  background-color: none;
}

.shop-content--cards-small::-webkit-scrollbar-track {
  border-radius: .0821rem;
  background-color: #000a35;
}

.shop-content--cards-small::-webkit-scrollbar-thumb {
  border-radius: .0821rem;
  -webkit-box-shadow: inset 0 0 .0493rem rgba(0, 0, 0, .3);
  background: #534a95;
  box-shadow: 0 0 .1479rem rgba(127, 250, 254, .2);
} */

.shop-content--cards-big {
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  width: 9.8572rem;
  height: 2.2343rem;
  overflow-y: hidden;
  overflow-x: auto;
  padding: .0986rem .0657rem;
  box-sizing: border-box;
  background: hsla(253deg, 57%, 18%, .384);
  margin: 0 0 .0821rem;
}

.shop-content--cards-big::-webkit-scrollbar {
  display: none;
}

.shop-content--cards-big .shop-content--card-big {
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/img/shop-card--big.png') center center no-repeat;
  background-size: 100% 100%;
  width: 3.68rem;
  height: 2.0536rem;
  margin: 0 .0657rem;
  flex-shrink: 0;
  padding: .0657rem;
}

.shop-content--cards-big .shop-content--card-bottom {
  display: flex;
  justify-content: flex-start;
  padding: .0493rem 0 0;
}

.shop-content--cards-big .shop-content--card-bottom-img {
  width: .4929rem;
  height: .4929rem;
  margin: .0164rem 0 0 0;
}

.shop-content--cards-big .shop-content--card-bottom-img>div {
  width: .4929rem;
  height: .4929rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.shop-content--cards-big .shop-content--card-bottom-img>div img {
  width: 100%;
  height: 100%;
}

.shop-content--cards-big .shop-content--card-bottom-actions {
  width: 1.3143rem;
  padding: .0657rem 0;
}

.shop-content--cards-big .shop-content--card-bottom-text {
  flex: 1;
  box-sizing: border-box;
}

.shop-content--cards-big .shop-content--card-bottom-text .shop-content--card-bottom-name {
  color: #fff;
  font-size: .1807rem;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
  max-width: 1.725rem;
  box-sizing: border-box;
  padding: 0 0 0 .0821rem;
}

.shop-content--cards-big .shop-content--card-bottom-text .shop-content--card-bottom-discount {
  color: #ffe57f;
  font-size: .1972rem;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
  max-width: 1.725rem;
  box-sizing: border-box;
  padding: 0 0 0 .0821rem;
}

.shop-content--card-sm-top p {
  color: #304eb0;
  line-height: normal;
  text-align: left;
  padding: 0 0 .0308rem 1.3554rem;
  font-size: .1643rem;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.2;
  max-width: 75%;
  font-size: .1972rem;
  user-select: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shop-container {
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
  justify-content: center;
  position: relative;
}

.shop-container::after {
  content: '';
  display: block;
  position: absolute;
  z-index: 2;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/bg.jpg) center top;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  filter: blur(.1643rem);
}

.shop-container .shop-content {
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/bg.jpg) center top;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 3;
}

.shop-content--card-sm-img {
  position: absolute;
  top: .0904rem;
  left: .1437rem;
  padding: 0;
  width: 1.0843rem;
  height: 1.0843rem;
  border-radius: .0256rem;
  overflow: hidden;
}

.shop-content--card-sm-img>div {
  margin: 0 auto;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/img-container.png) center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.shop-content--card-sm-img>div img {
  display: block;
  width: 97%;
  height: 97%;
  border-radius: .02rem;
  background: transparent;
  -webkit-touch-callout: none;
  user-select: none;
  user-select: none;
  user-select: none;
  user-select: none;
  pointer-events: none;
}

.shop-content--card-name {
  font-size: .1643rem;
  color: #6f82c0;
  text-align: left;
  padding: .0224rem 0 0 1.3554rem;
  overflow: hidden;
  text-overflow: ellipsis;
  user-select: none;
  word-break: break-all;
  width: 75%;
  display: box;
  -webkit-line-clamp: 2;
  height: auto;
  box-orient: vertical;
  line-height: 1.2;
}

.shop-content--card-sm-text {
  display: block;
  font-size: .1972rem;
  color: #fff;
  user-select: none;
  text-align: right;
  letter-spacing: -0.0082rem;
  width: 3.6143rem;
  padding-right: .0329rem;
  padding-left: 1.3554rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: box;
  -webkit-line-clamp: 2;
  height: auto;
  box-orient: vertical;
  word-break: break-all;
}

.shop-content--card-sm-text p {
  font-family: 'PingFang SC';
  color: #e54320;
  text-align: left;
  padding: .0329rem 0;
  -webkit-line-clamp: 2;
  height: auto;
  box-orient: vertical;
  white-space: pre-wrap;
}

.shop-content--card-sm-text p span {
  font-weight: bold;
}


.shop-content--card-sm-btn {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-content: center;
  align-items: center;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/btn-gotouse.png) center top;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: .918rem;
  height: 1.28rem;
  text-align: center;
  line-height: normal;
  padding: .0616rem 0 .0739rem;
  color: #fff;
  font-weight: bold;
  font-size: 0;
}

.shop-content--card-sm-btn span {
  line-height: normal;
}

.shop-content--card-sm-btn span.shop-content--card-sm-primary-icon {
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community/img/point.png') center center no-repeat;
  background-size: 100% auto;
  width: .3121rem;
  height: .3204rem;
  /* display: none; */
}

.shop-content--card-sm-btn.shop-content--card-sm-primary {
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/btn-active.png) center top;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: .918rem;
  height: 1.28rem;
  flex-direction: column;
  align-items: center;

  text-indent: 0;
  text-align: center;
  padding: 0;

}

.shop-content--card-sm-btn.shop-content--card-sm-primary::before {
  content: none;
}

.shop-content--card-sm-btn.shop-content--card-sm-primary span {
  line-height: .3327rem;
  font-size: .2629rem;
  font-weight: bold;
  user-select: none;
  color: #fff6bf;
  /* background: linear-gradient(180deg, #c05400 23.68%, #701f0b 84.21%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */
  font-family: 'PingFang SC';
  text-shadow: #ec361c 0 calc(2 / 750 * 6.1607rem) calc(2 / 750 * 6.1607rem);
}

.shop-content--card-sm-btn.shop-content--card-sm-disable {
  background: none;
  background-size: 100% auto;
  width: 1.3307rem;
  height: .5093rem;
  font-weight: bold;
  filter: opacity(.6);
}

.shop-content--card-sm-btn.shop-content--card-sm-disable .shop-content--card-sm-primary-icon {
  display: none;
}

.shop-content--card-sm-btn.shop-content--card-sm-disable {
  width: 1.0186rem;
  height: 1.265rem;
  flex-direction: column;
  align-items: center;
}

.shop-content--card-sm-btn span.shop-content--card-sm-primary-icon {
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community/img/point.png') center center no-repeat;
  background-size: 100% auto;
  width: .3121rem;
  height: .3204rem;
}


.shop-content--card-sm-btn.shop-content--card-sm-primary span {
  line-height: .3327rem;
}

.shop-content--card-sm-btn.shop-content--card-sm-disable {
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/btn-disable.png) center top;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: .918rem;
  height: 1.28rem;
  flex-direction: column;
  align-items: center;
  text-indent: 0;
  text-align: center;
  padding: 0;
  filter: opacity(1);
  font-size: 0;
}

.shop-content--card-sm-actions {
  display: flex;
  justify-content: center;
  padding: 0;
  position: absolute;
  top: .0082rem;
  right: .0082rem;
  z-index: 5;
}

.shop-content--card-img {
  width: 3.5486rem;
  height: 1.3471rem;
}

.shop-content--card-img img {
  width: 100%;
  height: 100%;
}

.shop-content--top-title {
  display: flex;
  justify-content: flex-start;
  padding: 0 .2rem 0 .115rem;
  position: relative;
  width: 100%;
  height: .8707rem;
  margin: -.05rem auto 0;
  box-sizing: border-box;
}

.shop-content--top-title .coin-title--rules-btn {
  left: 2.7169rem;
  top: .345rem;
}

.shop-content--top-title h5 {
  text-indent: -164.2693rem;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/shop-title.png) center top;
  background-size: cover;
  background-repeat: no-repeat;
  width: 1.94rem;
  height: .49rem;
  /* margin-left: -0.0719rem; */
  margin-top: .35rem;
  box-sizing: content-box;
  /* display: none; */
}

.shop-content--top-title .shop-content--top-back {
  position: absolute;
  top: 55%;
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/back-btn.png') center center no-repeat;
  background-size: 100% auto;
  width: calc(80 / 750 * 6.1607rem);
  height: calc(40 / 750 * 6.1607rem);
  margin: 0 .2053rem 0 0;
  left: calc(-140 / 750 * 6.1607rem);

}




@media (max-width: 6.3661rem) {
  .shop-content--top-title .shop-content--top-back {
    position: relative;
    top: .2957rem;
    margin-left: 0;
  }
}

.shop-content--top-points {
  position: relative;
  margin: .4rem 0 0 0;
  width: 1.2322rem;
  height: .3696rem;
  border-radius: .2095rem;
  background: rgba(0, 0, 0, .3);
  border: .0185rem solid #729bec;
}

.shop-content--top-points p {
  font-size: .2136rem;
  line-height: .35rem;
  width: 1.0678rem;
  position: absolute;
  text-align: right;
  right: .0555rem;
  color: #fff;
}

.shop-content--top-stars {
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/2.0/area-star.png') center top no-repeat;
  background-size: 100% auto;
  width: 1.4375rem;
  height: .3614rem;
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin: .2957rem 0 0 .1972rem;
  padding-top: .0082rem;
}

.shop-content--top-stars p {
  color: #fff;
  text-shadow: 0rem .0329rem .0164rem rgba(0, 0, 0, .2);
  font-size: .1972rem;
  line-height: normal;
  white-space: nowrap;
  overflow: hidden;
  padding: .0493rem 0 .0411rem .4107rem;
}

.shop-content--top-coin {
  width: 1.2322rem;
  height: auto;
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin: 0 0 0 .3614rem;
}

.shop-content--top-coin::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: -0.1314rem;
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/img/coin.png') center top no-repeat;
  background-size: 100% 100%;
  width: .3943rem;
  height: .3943rem;
}

.shop-content--top-coin p {
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/img/topbar-bottom.png') center top no-repeat;
  background-size: 100% 100%;
  color: #fff;
  text-shadow: 0rem .0329rem .0164rem rgba(0, 0, 0, .2);
  font-size: .1972rem;
  line-height: normal;
  white-space: nowrap;
  overflow: hidden;
  padding: .0493rem 0 .0411rem .4107rem;
}

.shop-content--top-content {
  display: flex;
  justify-content: flex-start;
  padding: 0;
}

.shop-content--top-content .shop-content--top-hd p {
  color: #fff;
}

.shop-content--top-content .shop-content--top-hd p span {
  display: inline-block;
  vertical-align: top;
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/img/timer.png') center center no-repeat;
  background-size: 100% 100%;
  width: .2957rem;
  height: auto;
  color: #ffef67;
  font-size: .1807rem;
  text-align: center;
  padding: .0329rem 0;
  margin: 0 .0657rem;
  line-height: normal;
}

.shop-content--top-content .shop-content--top-bd {
  flex: 1;
}

.shop-content--top-rules a {
  margin-top: .2957rem;
  display: block;
  width: 1.0596rem;
  height: .3861rem;
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/2.0/btn-rules.png') center center no-repeat;
  background-size: 100% auto;
}

.shop-content--top-notice {
  display: flex;
  justify-content: flex-end;
  height: .3121rem;
  padding: .0164rem 0;
  background: linear-gradient(90deg, hsla(38deg, 67%, 52%, 0) 15%, hsla(38deg, 67%, 52%, .712) hsla(38deg, 67%, 52%, 0)) 99%;
}

.shop-content--top-notice p {
  color: #fff6df;
  font-size: .1972rem;
  text-align: right;
}

.shop-content--top-notice a {
  display: inline-block;
  vertical-align: top;
  width: .8543rem;
  height: .2793rem;
  line-height: normal;
  color: #994926;
  background: #f0ce6b;
  text-align: center;
  font-size: .1643rem;
  padding: .0164rem 0;
}

.shop-content--top-hd {
  padding: 0 0 0 .0657rem;
}

.shop-bg--inner {
  position: fixed;
  top: 0;
  left: 0;
  width: 6.1607rem;
  height: 6.1607rem;
}

.shop-bg--inner img {
  width: 100%;
  height: 100%;
  filter: opacity(.3);
}

.universal-back {
  position: fixed;
  top: .0493rem;
  left: .4354rem;
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/back-btn.png') center top no-repeat;
  background-size: 100% auto;
  width: .6572rem;
  height: .4107rem;
}


.shop-content--top-gift{
  position: absolute;
  right: calc(-100 / 750 * 6.1607rem);
  top: 0;
}

.shop-content--top-gift a {
  display: block;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/index-gift--btn.png) center top;
  background-size: cover;
  background-repeat: no-repeat;
  width: calc(90 / 750 * 6.1607rem);
  height: calc(90 / 750 * 6.1607rem);
  margin: .2751rem -0.2033rem 0 .2957rem;
}

.shop-content--body {
  margin: 0 auto;
  padding: .667rem 0 0 .0493rem;
  box-sizing: border-box;
  position: absolute;
  top: 54%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/shop-bg1.png) center top no-repeat;
  background-size: 100% auto;
  width: 10.4206rem;
  height: 5.5418rem;

  /* transform: scale(.9) translate(-50%, -50%);
    transform-origin: 50% 0; */
}


.shop-content--body::after {
  content: '';
  width: 13.34rem;
  height: 1.6008rem;
  transform: translateX(-50%);
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/grass.png) no-repeat;
  background-size: 100% auto;
  z-index: 3;
  left: 50%;
  position: absolute;
  bottom: -0.1468rem;
  pointer-events: none;
  display: none;
}

/* .shop-content--body::after {
  content: "";
  position: absolute;
  display: block;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/5/coin.png) center top;
  background-size: cover;
  background-repeat: no-repeat;
  width: 1.0021rem;
  height: 1.1007rem;
  bottom: .1314rem;
  left: -0.6079rem;
} */

.coin-title--countdown {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: absolute;
  top: .3868rem;
  left: 2.9756rem;
  height: .3696rem;
  background: rgba(0, 0, 0, .3);
  border-radius: .2259rem;
  padding: 0 .1314rem;
  /* margin: 0 0 0 .4929rem; */
  border: .0123rem solid #70b3e3;
}

.swiper-button-prev:after,
.swiper-button-next:after {
  font-size: 0 !important;
}


.coin-title--countdown .coin-title--countdown-text {
  color: #fff;
  font-size: .1643rem;
  line-height: .3068rem;
  margin: 0 .1417rem 0 0;
}

.coin-title--countdown .coin-title--countdown-num {
  color: #fff;
  font-size: .2464rem;
  line-height: .3068rem;
  letter-spacing: .0082rem;
}

.shop-content--cards-more {
  width: 100%;
  padding: .1232rem 0 0;
}

.shop-content--cards-more .shop-content--cards-more-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 38%;
  height: .3286rem;
  line-height: .3285rem;
  border-radius: .1643rem;
  margin: 0 auto;
  color: #fff;
  font-size: .1972rem;
  background: rgba(43, 32, 0, .287);
  text-align: center;
}

.shop-content--cards-more .shop-content--cards-more-btn::after {
  content: '';
  margin: 0 0 0 .0657rem;
  display: block;
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/2.0/lottery-button--arrow.png') center center no-repeat;
  background-size: 100% auto;
  width: .0657rem;
  height: .1068rem;
}

body {
  background: #000;
}

.index-content--top {
  width: 100%;
  max-width: 10.4322rem;
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
  height: 1.0268rem;
}

.index-content--top .shop-content--top-title {
  padding: .2136rem 0 0 0;
}

.shop-content--top-ft {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  /* padding: 0 1.5197rem 0 0; */
}

.shop-content--top-ft .shop-content--top-points p {
  padding: 0 .0986rem 0 0;
}

.index-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;

  /* backdrop-filter: blur(.1643rem); */
}

.index-container::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 110%;
  height: 110%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  filter: blur(.1643rem);
  opacity: .8;
  background-size: cover;
  background-attachment: fixed;
  z-index: 1;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community/img/bg.jpg) center top;
  background-size: cover;
  background-repeat: no-repeat;
}

.index-container .index-content {
  width: 9.8572rem;
  height: 5.1339rem;
  position: absolute;
  left: 50%;
  margin-left: -4.9286rem;
  top: 1.0268rem;
}

.index-container .index-content::after {
  content: '';
  position: absolute;
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/img/shadow-max.png') center center no-repeat;
  background-size: 100% auto;
  width: 11.2864rem;
  height: 2.9736rem;
  bottom: -2.4643rem;
  left: -0.1479rem;
}

.index-content--sidebar {
  width: .9036rem;
  height: 3.8772rem;
  position: absolute;
  top: .2464rem;
  left: -0.2957rem;
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/img/card-board.png') -0.0657rem top no-repeat;
  background-size: 100% 100%;
  padding: 0 0 1.0021rem .6736rem;
  box-sizing: content-box;
}

.index-content--sidebar-inner {
  display: block;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  height: 3.2529rem;
  margin: .3121rem 0 .3121rem;
  padding: .0657rem 0 0 .0493rem;
}

.index-content--sidebar-inner::-webkit-scrollbar {
  display: none;
}

.index-content--sidebar-btn {
  position: relative;
  width: 100%;
  height: .3943rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: flex-start;
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/img/sidebar-normal.png') center left no-repeat;
  background-size: .7393rem .3943rem;
  margin-bottom: .2957rem;
}

.index-content--sidebar-btn div {
  width: 100%;
  height: .345rem;
  position: relative;
  z-index: 4;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 0 0 0 -0.0493rem;
}

.index-content--sidebar-btn span {
  text-align: center;
  color: #fff;
  font-size: .1314rem;
  display: block;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}

.index-content--sidebar-btn span:first-child {
  margin-bottom: -0.0164rem;
}

.index-content--sidebar-btn.index-content--sidebar-primary::after {
  content: '';
  position: absolute;
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/img/sidebar-primary.png') center left no-repeat;
  background-size: .9693rem .5421rem;
  display: block;
  width: .9693rem;
  height: .5421rem;
  z-index: 2;
  top: -0.0493rem;
  left: -0.0821rem;
}

.index-content--sidebar-btn.index-content--sidebar-primary span {
  font-weight: 800;
}

.shop-content--top-context {
  width: 3.4089rem;
  height: .2382rem;
  margin: .0493rem 0 0;
}

.shop-content--top-context .wrap {
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/img/coin-top.png') center center no-repeat;
  background-size: 100% auto;
  width: 3.4089rem;
  height: .2382rem;
  line-height: .2382rem;
  color: #c6d2ff;
  font-size: .1643rem;
}

.shop-content--top-context .wrap .content span {
  line-height: .2382rem;
}

.index-content--sidebar .index-content--sidebar-btn::before {
  content: '';
  position: absolute;
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/img/arrow-shorter.png') center left no-repeat;
  background-size: .0986rem .2136rem;
  display: block;
  width: .0986rem;
  height: .2136rem;
  bottom: -0.2629rem;
  left: .3121rem;
  z-index: 2;
}

.index-content--sidebar .index-content--sidebar-btn:last-child {
  margin-bottom: 0;
}

.index-content--sidebar .index-content--sidebar-btn:last-child::before {
  content: none;
}

.index-content--flag {
  position: absolute;
  top: .8543rem;
  left: .9364rem;
}

.index-content--flag .index-content--flag-brand {
  width: .5257rem;
  height: .5257rem;
  border: .0164rem solid #b69233;
  border-radius: .0329rem;
}

.index-content--flag .index-content--flag-brand>img {
  width: .4929rem;
  height: .4929rem;
}

.index-content--gifts {
  position: absolute;
  top: -0.1643rem;
  left: 1.0186rem;
  width: 4.715rem;
  height: 4.9779rem;
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/img/gift-window--area.png') center center no-repeat;
  background-size: 100% auto;
}

.index-content--gifts .index-content--gifts-count {
  position: absolute;
  left: .6243rem;
  top: 1.265rem;
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/img/coin-count.png') center center no-repeat;
  background-size: 100% auto;
  width: .6161rem;
  height: 1.0514rem;
  z-index: 5;
}

.index-content--gifts-img {
  width: 3.3514rem;
  height: 4.0004rem;
  margin: .1643rem auto;
}

.index-content--gifts-img img {
  width: 100%;
  height: 100%;
}

.index-content--lottery {
  position: absolute;
  top: -0.0164rem;
  left: 5.3804rem;
  width: 4.1236rem;
  height: 4.7478rem;
  z-index: 2;
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/img/lottery-machine.png') center center no-repeat;
  background-size: 3.9429rem 4.7396rem;
}

.index-content--lottery .index-content--lottery-balls {
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/img/balls-word.png') center center no-repeat;
  background-size: 3.2529rem 1.4457rem;
  width: 3.2529rem;
  position: absolute;
  height: 1.4457rem;
  top: 1.8893rem;
  left: .3779rem;
  z-index: 4;
}

.index-content--lottery-title {
  overflow: hidden;
  margin: .1643rem 0 0 .6572rem;
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/img/carsouel.png') center center no-repeat;
  width: 2.7436rem;
  height: .2957rem;
  background-size: 100% 100%;
}

.index-content--lottery-title .wrap {
  background: none;
  height: .2957rem;
  line-height: .2957rem;
}

.index-content--lottery-title .wrap span {
  font-size: .1643rem;
  line-height: normal;
}

.index-content--line {
  position: absolute;
  bottom: 0;
  left: .4271rem;
  z-index: 5;
  width: 11.0729rem;
  height: 5.7336rem;
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/img/line.png') center center no-repeat;
  background-size: 100% auto;
  pointer-events: none;
}

.index-content--lottery-ball {
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/img/ball.png') center center no-repeat;
  background-size: 100% auto;
  width: .7886rem;
  height: .7886rem;
  position: absolute;
  top: 1.955rem;
  left: 1.4293rem;
  z-index: 1;
}

.index-content--lottery-bottom {
  position: absolute;
  z-index: 3;
  width: 3.8114rem;
  bottom: 0;
  height: 1.9879rem;
}

.shop-content--top-back {
  position: relative;
  top: .0986rem;
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/back-btn.png') center center no-repeat;
  background-size: 100% auto;
  width: .6572rem;
  height: .4107rem;
  margin: 0 .0821rem 0 0;
  margin-left: -0.7393rem;
}

.shop-content--top-btn {
  width: .8214rem;
  height: .6736rem;
  display: block;
  margin: 0 0 0 .1643rem;
  user-select: none;
  user-select: none;
  user-select: none;
  user-select: none;
}

.shop-content--top-btn.shop-content--top-btn-dot {
  position: relative;
}

.shop-content--top-btn.shop-content--top-btn-dot::after {
  content: '';
  display: block;
  position: absolute;
  width: .2711rem;
  height: .2711rem;
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/img/dot.png') center center no-repeat;
  background-size: 100% auto;
  top: 0;
  right: 0;
}

.shop-content--top-btn .shop-content--top-icon {
  display: block;
  width: .5093rem;
  height: .4436rem;
  margin: 0 auto;
}

.shop-content--top-btn .icon-rules {
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/img/rules-icon.png') center center no-repeat;
  background-size: .4107rem .4271rem;
}

.shop-content--top-btn .icon-rules+span {
  color: #edf6ff;
  font-size: .1643rem;
  text-align: center;
  text-shadow: 0rem .0329rem .0164rem rgba(0, 0, 0, .2);
  display: block;
  background: linear-gradient(to bottom, #c3cfff, #b5b9ff);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

.shop-content--top-btn .icon-gift {
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/img/gift-icon.png') center center no-repeat;
  background-size: .46rem .4436rem;
}

.shop-content--top-btn .icon-gift+span {
  color: #edf6ff;
  font-size: .1643rem;
  text-align: center;
  display: block;
  text-shadow: 0rem .0329rem .0164rem rgba(0, 0, 0, .2);
  background: linear-gradient(to bottom, #c3cfff, #b5b9ff);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

.shop-content--top-btn .icon-pointer {
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/img/shop-icon.png') center center no-repeat;
  background-size: .4929rem .4271rem;
}

.shop-content--top-btn .icon-pointer+span {
  color: #f8e59b;
  font-size: .1643rem;
  text-align: center;
  display: block;
  text-shadow: 0rem .0329rem .0164rem rgba(0, 0, 0, .2);
  background: linear-gradient(to bottom, #f8e59b, #dbb279);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

.index-content--lottery-btn {
  display: flex;
  justify-content: center;
  width: 1.725rem;
  height: auto;
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/img/coin-btn.png') center center no-repeat;
  background-size: 100% auto;
  color: #b03612;
  font-size: .2218rem;
  line-height: normal;
  letter-spacing: -0.0082rem;
  font-weight: bold;
  padding: .2053rem 0;
  letter-spacing: -0.0164rem;
  text-align: center;
}

.index-content--lottery-btn.index-content--lottery-btn-disabled {
  filter: grayscale(1);
}

.index-content--lottery-btn::before {
  content: '';
  display: block;
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/img/coin.png') center top no-repeat;
  background-size: 100%;
  height: 100%;
  width: .3286rem;
  height: .3286rem;
  margin-right: .0329rem;
}

.index-content--lottery-btn span {
  background: linear-gradient(to bottom, #da6e10, #b03612);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

.index-content--lottery-actions {
  display: flex;
  justify-content: center;
  width: 100%;
  height: .8214rem;
  overflow: hidden;
  padding: 1.1911rem 0 0 .115rem;
  box-sizing: content-box;
  user-select: none;
  user-select: none;
  user-select: none;
  user-select: none;
}

.index-content--bubble {
  width: 1.5278rem;
  height: .575rem;
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/img/bubble-date.png') center center no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: -0.3861rem;
  left: -0.0164rem;
  overflow: hidden;
}

.index-content--bubble p {
  color: #7789cc;
  font-size: .1479rem;
  text-align: center;
  margin: .0493rem auto 0;
  font-weight: bold;
}

@keyframes carousel {
  to {
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes carousel {
  to {
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes carousel-infinite {
  to {
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes carousel-infinite {
  to {
    transform: translate3d(-100%, 0, 0);
  }
}

.index-content--lottery-countdown {
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/img/countdown-mod.png') center center no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: .7228rem;
  top: 1.8071rem;
  z-index: 10;
  width: 2.76rem;
  height: 1.84rem;
  display: flex;
  justify-content: flex-start;
}

.index-content--lottery-countdown .index-content--lottery-notice {
  position: absolute;
  display: block;
  width: 1.1746rem;
  height: .4271rem;
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/img/btn-notice.png') center center no-repeat;
  background-size: 100% 100%;
  bottom: .2053rem;
  left: .6572rem;
}

.index-content--lottery-countdown .index-content--lottery-hour {
  width: .46rem;
  height: .4107rem;
  background: rgba(177, 174, 248, .396);
  color: #de4b40;
  font-size: .345rem;
  text-align: center;
  text-align: center;
  line-height: normal;
  margin: .7557rem 0 0 .4929rem;
}

.index-content--lottery-countdown .index-content--lottery-hour span {
  display: block;
}

.index-content--lottery-countdown .index-content--lottery-min {
  width: .46rem;
  height: .4107rem;
  background: rgba(177, 174, 248, .396);
  color: #de4b40;
  font-size: .345rem;
  text-align: center;
  margin: .7557rem 0 0 .5093rem;
}

.index-content--lottery-countdown .index-content--lottery-min span {
  display: block;
}

.index-content--gifts-title {
  color: #823a0a;
  font-size: .1807rem;
  text-align: center;
  padding: .0493rem 0 .0329rem;
}

.index-content--gifts-title p {
  line-height: normal;
}

.index-content--gifts-title p span {
  color: #ff0216;
}

.index-content--gifts-title.index-content--gifts-timer {
  font-size: .2136rem;
  color: #fff;
  margin: .8871rem 0 0;
  line-height: normal;
  padding: .0986rem 0;
  user-select: none;

}

.index-content--gifts-title.index-content--gifts-timer span {
  color: #ffd202;
  font-size: .2136rem;
  font-weight: bold;
}

#app {
  background: #000;
  overflow: hidden;
  height: 100%;
  position: relative;
}

.index-content--inner {
  width: 100%;
  height: 6.1607rem;
}

.coin-left--content {
  position: relative;
  width: calc(338/ 750 * 6.1607rem);
  height: 13.34rem;

  /* margin: 0 .2033rem 0 0; */
  box-sizing: border-box;
  padding: .2159rem 0 0 0;
  overflow: hidden;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community/img/tab-bg.png) no-repeat;
  background-size: 100% 100%;
  z-index: 4;
}

.coin-left {
  position: relative;
}

.coin-right {
  position: relative;

  /* width: calc(1098 / 750 * 6.1607rem);
  left: 50%;
  transform: translateX(-50%); */

  /* transform: scale(.9);
    transform-origin: 50% 50%; */
}



.coin-right--lottery {
  width: 8.5503rem;
  height: 5.5814rem;
  margin: -0.2464rem 0 0 -0.2464rem;
  position: relative;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/index-bg1.png) no-repeat;
  background-size: 100% auto;
  z-index: 3;
}

.coin-gift--lottery-bubble {
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community/img/bubble-tip.png) center top;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 1.9543rem;
  height: .9896rem;
  position: absolute;
  bottom: 1.14rem;
  right: .3735rem;
  color: #fff;
  padding: .0934rem .04rem .0616rem .2095rem;
  font-size: .1979rem;
  line-height: .2935rem;
  z-index: 9;
}

.coin-gift--lottery-bubble::after {
  content: '';
}

.coin-left--inner {
  height: 5.5rem;
  overflow-y: auto;
  padding-top: .0616rem;
  overflow-x: hidden;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.coin-left--brand {
  /* background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/5/sidetab-normal.png) center top;
  background-size: cover;
  background-repeat: no-repeat; */
  width: 2.672rem;
  height: .7917rem;
  margin: 0;
  display: flex;
  justify-content: flex-start;
}

.coin-left--brand.coin-left--brand-active {
  position: relative;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/sidetab-active.png) center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 2.672rem;
  height: .7917rem;
}

.coin-left--brand.coin-left--brand-active::after {
  content: '';
  display: block;
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/2.0/arrow.png') center center no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: -0.1643rem;
  top: 50%;
  margin-top: -0.0986rem;
  width: .115rem;
  height: .1972rem;
}

.coin-left--brand+.coin-left--brand {
  margin: .0519rem 0 0 0;
}

.coin-left--avatar {
  display: block;
  width: calc(50 / 750 * 6.1607rem);
  height: calc(50 / 750 * 6.1607rem);
  border-radius: 10%;
  overflow: hidden;

  /* border: .0164rem solid #3c656e; */
  background: #e0dbd9;
}

.coin-left--avatar img {
  width: 100%;
  height: 100%;
}

.coin-left--context {
  padding: .14rem 0 .1201rem 0;
  width: 1.3859rem;
}

.coin-left--context .coin-left--subtitle {
  font-size: calc(17 / 750 * 6.1607rem);
  color: #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  font-family: 'PingFang SC';
  opacity: .8;
}

.coin-left--context .coin-left--title {
  font-size: calc(22 / 750 * 6.1607rem);
  color: #fff;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  font-family: 'PingFang SC';
}

.coin-left--brand-active .coin-left--title {
  color: #fff;
}

.coin-left--brand-active .coin-left--subtitle {
  color: #fff;
}

.coin-left--img {
  width: auto;
  height: auto;
  padding: .1601rem .0411rem .1479rem .1643rem;
}

.coin-btn--big {
  display: flex;
  justify-content: center;
  align-items: center;
  /* align-items: center; */
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/button.png) center top;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: calc(259 / 750 * 6.1607rem);
  height: calc(86 / 750 * 6.1607rem);
  color: #fff6bf;
  font-size: calc(28 / 750 * 6.1607rem);
  /* font-weight: bold; */

}

.coin-btn--big.coin-btn--big-disabled {
  filter: grayscale(1);
}

.coin-btn--big span {
  display: block;
  box-sizing: border-box;
  padding: 0 0 0 .0493rem;
  margin: 0;
  letter-spacing: -0.0082rem;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  /* font-family: 'font'; */
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 600;
  text-shadow: #ec361c 0 0 calc(2 / 750 * 6.1607rem);
  /* background: linear-gradient(180deg, #c05400 23.68%, #701f0b 84.21%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */
}

.coin-right--lottery-bottom {
  display: flex;
  justify-content: center;
  position: absolute;
  width: 5.8768rem;
  bottom: calc(80 / 750 * 6.1607rem);
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
}

.coin-right--lottery-bottom .coin-btn--big {
  margin: 0 calc(40 / 750 * 6.1607rem);
  position: relative;
}

.coin-right--lottery-bottom .coin-btn--big:last-child::after {
  content: '';

  /* text-decoration: line-through; */
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/recommend.png) no-repeat;
  background-size: 100% auto;

  /* color: rgba(91, 58, 55, .6); */
  font-size: .1972rem;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(75 / 750 * 6.1607rem);
  height: calc(27 / 750 * 6.1607rem);
}

.coin-btn--big::before {
  content: '';
  display: block;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/5/button-coin.png) center top;
  background-size: contain;
  background-repeat: no-repeat;
  width: .3121rem;
  height: .3286rem;
}

.coin-brand--image {
  width: 1.4786rem;
  height: .575rem;
  position: absolute;
  left: 50%;
  margin: .1479rem 0 0 -0.3327rem;
}

.coin-brand--image img {
  width: 100%;
  height: 100%;
}

.coin-gift--bundle {
  height: 1.1172rem;
}

.coin-gift--bundle.coin-gift--bundle-1 {
  position: absolute;
  bottom: 2.2343rem;
  left: 1.265rem;
}

.coin-gift--bundle.coin-gift--bundle-1 .coin-gift--bundle-name {
  color: #60f6ff;
}

.coin-gift--bundle.coin-gift--bundle-2 {
  position: absolute;
  bottom: 2.2343rem;
  right: .4764rem;
}

.coin-gift--bundle.coin-gift--bundle-2 .coin-gift--bundle-name {
  color: #60f6ff;
}

.coin-gift--bundle .coin-gift--bundle-name {
  color: #fff;
  font-size: .1643rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
}

.coin-gift--bundle .coin-gift--bundle-img {
  margin: 0 auto .0411rem;
  width: .7886rem;
  height: .7886rem;
}

.coin-gift--bundle .coin-gift--bundle-img img {
  width: .7886rem;
  height: .7886rem;
}

.coin-bottom--describe {
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/2.0/tips-bubble.png') center top no-repeat;
  background-size: 100% auto;
  width: 3.4911rem;
  height: .4189rem;
  box-sizing: border-box;
  position: absolute;
  bottom: .8687rem;
  position: absolute;
  left: 50%;
  margin: 0 0 0 -1.725rem;
  display: flex;
  justify-content: center;
  align-content: center;
}

.coin-bottom--describe .coin-bottom--describe-text {
  font-size: .1643rem;
  color: #1cf2ff;
  text-align: center;
  line-height: normal;
  display: inline-block;
  line-height: .4189rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
}

.coin-bottom--describe .coin-bottom--describe-text span {
  color: #fff21c;
}

.coin-title--big {
  position: absolute;
  top: 50%;
  left: calc(338/ 750 * 6.1607rem);
  z-index: 14;
  width: 8.5503rem;
  height: 1.0672rem;
  transform: translate(0, -230%);

  /* transform: scale(.9) translate(0, -230%);
    transform-origin: 0 0; */
    padding-left: calc(15 / 750 * 6.1607rem);
    box-sizing: border-box;
}

.coin-title--big .coin-title--big-img {
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/index-title.png) center top;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 3.23rem;
  height: .52rem;
  position: relative;
  top: calc(-20 / 750 * 6.1607rem);
  float: left;
  /* display: none; */
}

.coin-gift--bundle-gift-bottom {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  /* margin: .0986rem auto 0; */
}

.coin-gift--bundle-price {
  color: #fff;
  font-size: .1643rem;
  text-align: center;
  width: 1.7743rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
}

.coin-gift--bundle-gift-name {
  font-size: calc(22 / 750 * 6.1607rem);
  text-align: center;
  color: #304eb0;
  width: calc(375 / 750 * 6.1607rem);
  height: calc(52 / 750 * 6.1607rem);
  line-height: calc(52 / 750 * 6.1607rem);
  /* margin: .0185rem auto 0; */
  margin: 0 auto calc(280 / 750 * 6.1607rem);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/gift-name.png) no-repeat;
  background-size: 100% 100%;
  /* box-shadow: 0rem  calc(1 / 750 * 6.1607rem) 0rem rgba(255, 255, 255, .44), inset 0rem calc(1 / 750 * 6.1607rem) 0rem rgba(50, 93, 176, .56);
  border-radius: calc(35 / 750 * 6.1607rem); */
}

.coin-gift--bundle-count {
  color: #e54320;
  font-size: calc(20 / 750 * 6.1607rem);
  text-align: center;
  width: 2.4437rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  margin: 0 auto;
}

.coin-gift--bundle-img-big {
  width: 4.62rem;
  height: 2.28rem;
  margin: 0 auto 0;
}

.coin-gift--bundle-img-big img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  margin: 0 auto;
  display: block;
  box-sizing: border-box;
  padding: 3%;
}

.coin-gift--bundle--big {
  position: absolute;
  width: 100%;
  height: calc(325 / 750 * 6.1607rem);
  top: calc(125 / 750 * 6.1607rem);
  left: 50%;
  /* margin: .4066rem 0 0 0; */
  transform: translateX(-50%);
  padding-top: calc(55 / 750 * 6.1607rem);
}

.coin-gift--bundle-img {
  width: .7886rem;
  height: .7886rem;
}

.coin-gift--bundle-img img {
  width: 100%;
  height: 100%;
}

.coin-gift--bundle-coin {
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/2.0/lottery-coin--bottom.png') center top no-repeat;
  background-size: 100% auto;
  width: 2.0864rem;
  height: .3779rem;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: .8871rem;
  left: 50%;
  margin: 0 0 0 -0.6572rem;
  position: absolute;
}

.coin-gift--bundle-coin p {
  color: #60f6ff;
  font-size: .2136rem;
  display: flex;
  justify-content: center;
  line-height: .4313rem;
  align-items: center;
}

.coin-gift--bundle-coin p span {
  display: block;
  height: .3696rem;
  line-height: .4066rem;
}

.coin-gift--bundle-coin p span.coin-gift--bundle-coin-num {
  width: auto;
  max-width: .9857rem;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  margin: 0;
}

.coin-left--bottom {
  width: 2.4643rem;
  height: .3614rem;
  line-height: .3614rem;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: .0986rem;
}

.coin-left--bottom .wrap {
  line-height: .3614rem;
  font-size: .1643rem;
  height: .3614rem;
}

.coin-pointer--container {
  top: 6%;
  right: calc(40 / 750 * 6.1607rem);
  width: 1.2322rem;
  height: .3696rem;
  border-radius: .1848rem;
  position: absolute;
  background: rgba(0, 0, 0, .3);
  border: .0185rem solid #729bec;
}

.coin-species--container {
  right: .3286rem;
}

.coin-pointer--name {
  color: #fff;
  font-size: .1643rem;
  height: .2793rem;
  line-height: .2793rem;
  position: absolute;
  left: .0821rem;
}

.coin-title--back {
  display: none !important;
  position: absolute;
  top: .0082rem;
  left: -0.7516rem;
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/back-btn.png') center center no-repeat;
  background-size: 100% auto;
  width: .6572rem;
  height: .4107rem;
  text-indent: -164.2693rem;
}

.coin-title--rules-btn {
  font-size: .191rem;
  display: block;
  /* position: absolute;
  left: 50%;
  top: 0; */
  /* top: .4669rem;
  left: 4.8384rem; */
  z-index: 100;
  color: #82a0cc;
  float:left;
  padding-left: .1rem;
  position: relative;
  top: -.03rem;
}

.coin-title--rules-btn::before {
  content: '';
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/rules-title.png) center left;
  background-size: auto 100%;
  background-repeat: no-repeat;
  width: .3167rem;
  height: .3167rem;
  display: block;
  z-index: 100;
}

.shop-title--rules-btn {
  content: '';
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/rules-title.png) center left;
  background-size: auto 100%;
  background-repeat: no-repeat;
  width: .48rem;
  height: .3245rem;
  display: block;
  position: absolute;
  top: .4rem;
  left: 2.2rem;
  z-index: 100;
  /* padding-left: .3696rem; */
}

.coin-pointer--progress {
  width: 1.15rem;
  height: .2136rem;
  border: .0329rem solid #a75dfc;
  border-radius: .2136rem;
  background: #532e7e;
  position: absolute;
  left: .9426rem;
  top: .0329rem;
  overflow: hidden;
}

.coin-pointer--progress .coin-pointer--progress-inner {
  position: absolute;
  height: 100%;
  border-radius: .0821rem;
  background-image: linear-gradient(90deg, #5db4ef, #ffdb63);
}

.coin-pointer--progress .coin-pointer--progress-inner p {
  color: #fff;
  font-size: .1643rem;
  text-align: center;
  height: .1643rem;
  line-height: .1643rem;
}

.coin-pointer--circle {
  border-radius: 50%;
  background: none;
  position: absolute;
  width: .2505rem;
  height: .2588rem;
  top: .0253rem;
  left: 0rem;
}


.coin-species--circle::after {
  content: '';
  display: block;
  position: absolute;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community/img/species.png) center top;
  background-size: cover;
  background-repeat: no-repeat;
  width: .2957rem;
  height: .3121rem;
  top: 0rem;
  left: .0062rem;
}


.coin-pointer--circle::after {
  content: '';
  display: block;
  position: absolute;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community/img/point.png) center top;
  background-size: cover;
  background-repeat: no-repeat;
  width: .35rem;
  height: .3696rem;
  top: -0.0555rem;
  left: .0062rem;
}

.coin-coin--circle::after {
  content: '';
  display: block;
  position: absolute;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/5/button-coin.png) center top;
  background-size: cover;
  background-repeat: no-repeat;
  width: .35rem;
  height: .3696rem;
  top: -0.0185rem;
  left: .0062rem;
}

.coin-pointer--circle .coin-pointer--circle-num {
  position: absolute;
  bottom: -0.0164rem;
  right: -0.0493rem;
  color: #fff;
}

.coin-pointer--num {
  font-size: .2136rem;
  line-height: .345rem;
  width: 1.0678rem;
  position: absolute;
  text-align: right;
  color: #fff;
  right: .0986rem;
}

.coin-sidebar--btn-shop {
  position: relative;
  z-index: 3;
  display: block;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/shop-icon-n.png) center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: calc(133 / 750 * 6.1607rem);
  height: calc(133 / 750 * 6.1607rem);
}

.coin-sidebar--btn-shop.coin-sidebar--btn-spot::after {
  content: '';
  position: absolute;
  display: block;
  width: .0904rem;
  height: .0904rem;
  right: .1273rem;
  top: .0616rem;
  transform: rotate(45deg);
  background-image: linear-gradient(180deg, #ff3b38, #ff8538);
}

.coin-sidebar--btn-hb{
  display: block;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/money.gif) center top;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: calc(102 / 750 * 6.1607rem);
  height: calc(110 / 750 * 6.1607rem);
  margin: calc(15 / 750 * 6.1607rem) auto 0;
}

.coin-sidebar--btn-gift {
  display: block;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/index-gift--btn.png) center top;
  background-size: cover;
  background-repeat: no-repeat;
  width: calc(133 / 750 * 6.1607rem);
  height: calc(133 / 750 * 6.1607rem);
  margin: calc(20 / 750 * 6.1607rem) auto 0;
}

.coin-sidebar {
  position: absolute;
  top: calc(15 / 750 * 6.1607rem);
  /* transform: translateY(-50%); */
  right: -1.2322rem;
  z-index: 6;
}

.coin-sidebar--brand-more {
  width: calc(95 / 750 * 6.1607rem);
  height: calc(246 / 750 * 6.1607rem);
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/brand-more.png) no-repeat;

  /* border-radius: 0 0 .308rem .308rem; */
  background-size: 100% auto;
  margin: calc(-30 / 750 * 6.1607rem) auto 0;
  position: relative;
  z-index: 2;
  padding: calc(35 / 750 * 6.1607rem) 0 0;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
}

.coin-sidebar--brand-more .coin-sidebar--brand-img {
  width: calc(68 / 750 * 6.1607rem);
  height: calc(68 / 750 * 6.1607rem);
  overflow: hidden;
  border-radius: 50%;
  margin: 0 auto .1rem;
  border: calc(2 / 750 * 6.1607rem) solid #729bec;
  display: none;
  position: relative;
}

.coin-sidebar--brand-more .coin-sidebar--brand-img+.coin-sidebar--brand-img {
  margin: calc(8 / 750 * 6.1607rem) auto 0;
}

/* .coin-sidebar--brand-more .coin-sidebar--brand-img:last-child {
  margin: .1314rem auto;
} */

.coin-sidebar--brand-more .coin-sidebar--brand-img:nth-of-type(1),.coin-sidebar--brand-more .coin-sidebar--brand-img:nth-of-type(2){
  display: block;
}

.coin-sidebar--brand-more .coin-sidebar--brand-img img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.coin-danmaku {
  position: absolute;
  overflow: hidden;
  width: 5.1rem;
  height: 2rem;
  background: none;
  top: 1.8rem;
  right: 1.8rem;

  /* border-radius: .267rem .267rem 0 0; */
}

.coin-danmaku .vue-danmaku {
  width: 100%;
  height: 100%;
}

.coin-danmaku .vue-danmaku .coin-danmaku--text {
  display: block;
  color: #739fed;
  opacity: .67;
  height: .32rem;
  font-size: calc(22 / 750 * 6.1607rem);
}

.coin-danmaku .vue-danmaku .coin-danmaku--text span {
  color: #739fed;
}

.coin-gift--content {
  z-index: 2;
  height: 100%;
}

body {
  margin: 0;
}

.gift-container {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 6.1607rem;
  height: 6.1607rem;
  z-index: 101;
}

.gift-mask {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 13.34rem;
  background: rgba(0, 0, 0, .6)
}

.gift-contents--area {
  position: absolute;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  width: 6.1607rem;
  height: 6.1607rem;
  color: #fff;
}



.gift-contents {
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/popup_bp_jb.png) no-repeat center bottom;
  background-size: 100% auto;
  height: 4.8628rem;
  width: 9.9188rem;
  opacity: 0;
  transform: scale3d(.3, .3, .3);
  animation-fill-mode: forwards;
}

@keyframes bounceIn {
  from,
  20%,
  40%,
  50%,
  80%,
  to {
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }

  0% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceOut {
  from,
  20%,
  40%,
  50%,
  80%,
  to {
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }

  0% {
    opacity: 1;
    transform: scale3d(1, 1, 1) translate(0, 0);
  }

  to {
    opacity: 0;
    transform: scale3d(.3, .3, .3) translate(13.7589rem, -8.2143rem);
  }
}

.bounceIn {
  animation-duration: calc(var(--animate-duration) * .75);
  animation-name: bounceIn;
  animation-duration: .4s;
  --animate-delay: .9s;
}

.bounceOut {
  animation-duration: calc(var(--animate-duration) * .75);
  animation-name: bounceOut;
  animation-duration: 1s;
  --animate-delay: .8s;
  opacity: 0;
}

.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}

.gift-actions {
  display: flex;
  justify-content: center;
  width: 100%;

}

.gift-actions--btn-default {
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/pop-btn1.png) no-repeat center center;
  background-size: 100% 100%;
  /* font-family: 'font'; */
  width: calc(272 / 750 * 6.1607rem);
  height: calc(80 / 750 * 6.1607rem);
  line-height: calc(74 / 750 * 6.1607rem);
  font-size: calc(28 / 750 * 6.1607rem);
  font-weight: 400;
  text-align: center;
  color: #FFFFF8;
  text-shadow: 0rem calc(1 / 750 * 6.1607rem) calc(1 / 750 * 6.1607rem) #3A6ED6;
  font-family: 'GAMEFONT';
}

.gift-actions--btn-primary {
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/pop-btn2.png) no-repeat center center;
  background-size: 100% 100%;
  /* font-family: 'font'; */
  width: calc(272 / 750 * 6.1607rem);
  height: calc(80 / 750 * 6.1607rem);
  line-height: calc(74 / 750 * 6.1607rem);
  font-size: calc(28 / 750 * 6.1607rem);
  font-weight: 400;
  text-align: center;
  color: #FEFEEB;
  text-shadow: 0rem calc(1 / 750 * 6.1607rem) calc(1 / 750 * 6.1607rem) rgba(221, 46, 17, 0.66);
  font-family: 'GAMEFONT';
}



.gift-contents--title {
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/pop-titi1.png') center top no-repeat;
  background-size: 100% auto;
  width: 5.7705rem;
  height: 1.1911rem;
  margin: .2464rem auto 0;
}

.gift-contents--title-free {
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/pop-titi1.png') center top no-repeat;
  background-size: 100% auto;
  width: calc(498 / 750 * 6.1607rem);
  height: calc(258 / 750 * 6.1607rem);
  margin: .2464rem auto 0;
}

.gift-contents--title-miss {
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/pop-titi-new.png') center top no-repeat;
  background-size: 100% auto;
  width: calc(574 / 750 * 6.1607rem);
  height: calc(258 / 750 * 6.1607rem);
  margin: .1232rem auto 0;
}

.gift-contents--title-none {
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/pop-titi3.png') center top no-repeat;
  background-size: 100% auto;
  width: calc(498 / 750 * 6.1607rem);
  height: calc(258 / 750 * 6.1607rem);
  margin: .2464rem auto 0;
  pointer-events: none;
}

.gift-contents--inner {
  height: 4.672rem;
  width: 100%;
  overflow: hidden;

}

.gift-bundle {
  margin: 1.992rem auto 0;
}

.gift-bundle--img {
  width: 1.2322rem;
  height: 1.2322rem;
  margin: 0 auto;
}

.gift-bundle--img img {
  width: 100%;
  height: 100%;
}

.gift-bundle--name {
  color: #333;
  font-size: .1972rem;
  text-align: center;
  min-height: .2793rem;
  margin: .1232rem auto .0616rem;
}

.gift-bundle--desc {
  color: #333;
  font-size: .1972rem;
  text-align: center;
  margin: .0657rem auto 0;
}

.gift-desc {
  color: #4550d0;
  font-size: .1479rem;
  text-align: center;
}



.lottery-animation {
  /* position: absolute;
  width: 5.6843rem;
  height: 5.6761rem; */
}

.lottery-animation--light {
  /* background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/2.0/lottery-machine--light.png') center center no-repeat;
  background-size: 100% auto;
  width: 4.5589rem;
  height: 4.5589rem;
  position: absolute;
  top: .3286rem;
  left: .9036rem;
  animation: rotate360 1s infinite linear; */
}

.lottery-animation--bg {
  /* background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/2.0/lottery-machine--bg.png') center top no-repeat;
  background-size: 100% auto;
  width: 5.6843rem;
  height: 5.6761rem;
  position: absolute;
  top: 0;
  left: 0; */
}

@keyframes rotate360 {
  0% {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.tip-comp-cover .tip-comp-dialog--input-addr {
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/popup_bg1_jb.png) center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 7.3436rem;
  height: 4.5918rem;
  overflow: visible;
  padding: 0 !important;
}

.tip-comp-cover .tip-comp-dialog--input-addr .tip-comp-dialog--btn-cont {
  /* margin: .2793rem 0 .1437rem; */
  /* width: 6.346rem; */
  bottom: .032rem;
  padding: 0 !important;
  left: 0 !important;
}

.tip-comp-cover .tip-comp-dialog--input-addr .tip-comp-dialog--btn-cont .tip-comp-dialog-cancel {
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/pop-btn1.png) no-repeat center center;
  background-size: 100% 100%;
  width: calc(272 / 750 * 6.1607rem);
  height: calc(80 / 750 * 6.1607rem);
  line-height: calc(80 / 750 * 6.1607rem);
  font-size: calc(28 / 750 * 6.1607rem);
  font-weight: 400;
  text-align: center;
  color: #FEFEEB;
  text-shadow: 0rem calc(1 / 750 * 6.1607rem) calc(1 / 750 * 6.1607rem) #3A6ED6;
  font-family: 'GAMEFONT';
  padding: 0;

}

.tip-comp-cover .tip-comp-dialog--input-addr .tip-comp-dialog--btn-cont .tip-comp-dialog-sure {
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/pop-btn2.png) no-repeat center center;
  background-size: 100% 100%;
  width: calc(272 / 750 * 6.1607rem);
  height: calc(80 / 750 * 6.1607rem);
  line-height: calc(80 / 750 * 6.1607rem);
  font-size: calc(28 / 750 * 6.1607rem);
  font-weight: 400;
  text-align: center;
  color: #FEFEEB;
  text-shadow: 0rem calc(1 / 750 * 6.1607rem) calc(1 / 750 * 6.1607rem) #3A6ED6;
  font-family: 'GAMEFONT';
  padding: 0;
}

.tip-comp-cover .tip-comp-dialog--input-phone-info {
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/popup_bg3_jb.png) center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: calc(856 / 750 * 6.1607rem);
  height: calc(532 / 750 * 6.1607rem);
  padding: 0;
  overflow: visible;
}

.tip-comp-cover .tip-comp-dialog--input-phone-info .tip-comp-dialog--title {
  padding-top: .544rem;
  /* padding-left: .627rem; */
  /* font-size: .1788rem;
  text-shadow: none!important; */
}

.tip-comp-dialog--input-addr .tip-comp-dialog--input-info-content {
  margin: auto;

  padding-left: .3696rem;
  padding-top: .4107rem;
  padding-right: .4313rem;
  text-align: center;
  width: 85%;
}

.tip-comp-dialog--input-info-list {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}

.tip-comp-dialog--input-addr .tip-comp-dialog--input-info-list .tip-comp-dialog--input-item {
  width: 2.6943rem;
  height: .3327rem;
  line-height: .1643rem;
  padding-left: .1314rem;
  padding-right: .1314rem;
  margin-bottom: .1972rem;
}

.tip-comp-dialog--input-addr .tip-comp-dialog--input-info-list .tip-comp-dialog--input-item {
  border: none;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/inputbg.png) no-repeat;
  background-size: 100% 100%;
  width: 2.6rem;
  height: .3655rem;
  color: #333;
  display: flex;
  justify-content: left;
  align-items: center;
  background-color: #0000;
}

.tip-comp-dialog--input-addr .tip-comp-dialog--title .tip-comp-dialog--input-addr-title {
  text-indent: -616.0098rem;
}

.tip-comp-dialog--title {
  color: #333;
  text-shadow: none !important;
}

.tip-comp-dialog--input-addr .tip-comp-dialog--input-info-msg {
  color: #333;
  font-size: .1355rem;

}

.tip-comp-dialog--input-addr .tip-comp-dialog--input-info-list .tip-comp-dialog--input-item:last-child textarea {
  color: #333;
  width: 5.44rem !important;
  height: .4929rem !important;
  background: #0000;
  border: 0;
  outline: none;
  font-size: .1355rem;
  line-height: 1.2;
}

.tip-comp-dialog--input-addr .tip-comp-dialog--input-info-list .tip-comp-dialog--input-item:last-child textarea::placeholder {
  color: #aaa;
}

.tip-comp-dialog--placeholder{
  width: 1.76rem;
  font-size: .1355rem !important;
  text-align: left;
  color: #aaa !important;
}

.tip-comp-dialog--input-addr .tip-comp-dialog--input-info-list label {
  color: #333;
  font-size: .1602rem;
}

.tip-comp-dialog--input-addr .tip-comp-dialog--input-info-list input {
  color: #333;
  width: 1.6018rem;
  height: .2464rem;
  background-color: #0000;
  border: 0;
  outline: none;
  font-size: .1355rem;

}

.tip-comp-dialog--input-addr .tip-comp-dialog--input-info-list input::placeholder {
  color: #aaa;
}

.tip-comp-dialog--input-wrap {
  width: 100%;
}

.tip-comp-dialog--input-info-content div:nth-of-type(5) {
  width: 5.44rem !important;
  height: .6161rem !important;
}


.tip-comp-cover .tip-comp-dialog--input-addr .tip-comp-dialog--close {
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/colse.png) center top;
  background-size: cover;
  background-repeat: no-repeat;
  top: calc(25 / 750 * 6.1607rem);
  right: calc(60 / 750 * 6.1607rem);
  width: calc(44 / 750 * 6.1607rem);
  height: calc(44 / 750 * 6.1607rem);
}

.tip-comp-dialog--input-addr .tip-comp-dialog--title.tip-comp-dialog--input-addr-title {
  /* font-size: .1848rem;
  margin: .0946rem  0 0 -0.472rem;
  overflow: visible;
  text-shadow: 0 0 .0128rem #3967b300; */
  padding-top: .48rem;
  padding-left: 0 !important;
}

.tip-comp-cover .tip-comp-dialog.tip-comp-dialog--prompt {
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/popup_bg3_jb.png) center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 7.5307rem;
  height: 4.2091rem;
  padding: 0;
  padding-top: .1952rem;
  overflow: visible;
}

.tip-comp-cover .tip-comp-dialog.tip-comp-dialog--prompt .tip-comp-dialog--close {
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/colse.png) center top;
  background-size: cover;
  background-repeat: no-repeat;
  top: calc(45 / 750 * 6.1607rem);
  right: calc(85 / 750 * 6.1607rem);
  width: calc(44 / 750 * 6.1607rem);
  height: calc(44 / 750 * 6.1607rem);
}

.tip-comp-cover .tip-comp-dialog--input-phone-info .tip-comp-dialog--close {
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/colse.png) center top;
  background-size: cover;
  background-repeat: no-repeat;
  top: calc(45 / 750 * 6.1607rem);
  right: calc(65 / 750 * 6.1607rem);
  width: calc(44 / 750 * 6.1607rem);
  height: calc(44 / 750 * 6.1607rem);
}

.tip-comp-cover .tip-comp-dialog--title.tip-comp-dialog-prompt-title {
  /* padding: .288rem 0 0 .64rem; */
  /* margin: .0205rem 0 0 .3284rem;
  font-size: .1889rem;
  text-align: center;
  line-height: .3696rem; */
  /* font-family: 'FZZhengHeiS-DB-GB'; */
  padding-top: .4rem;
  padding-left: 0;
}

.tip-comp-cover .tip-comp-dialog.tip-comp-dialog--prompt .tip-comp-dialog--prompt-content {
  height: 2.1357rem;
  /* padding: 0 0 0 .3286rem; */
}

.tip-comp-cover .tip-comp-dialog.tip-comp-dialog--prompt .tip-comp-dialog--prompt-content .tip-comp-dialog--btn-cont {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
  bottom: .6rem;
  left: 0;
}

.tip-comp-cover .tip-comp-dialog.tip-comp-dialog--prompt .tip-comp-dialog-pic-wrap p {
  padding: .0493rem 0 .0986rem;
  color: #4550D0;
}

.tip-comp-cover .tip-comp-dialog.tip-comp-dialog--prompt .tip-comp-dialog--notice-text {
  margin-top: 0;
  color: #4550D0;
}

.tip-comp-cover .tip-comp-dialog--prompt .tip-comp-dialog--btn-cont .tip-comp-dialog-cancel {
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/pop-btn1.png) no-repeat center center;
  background-size: 100% 100%;
  align-items: end;
  
  width: calc(272 / 750 * 6.1607rem);
  height: calc(80 / 750 * 6.1607rem);
  line-height: calc(74 / 750 * 6.1607rem);
  font-size: calc(28 / 750 * 6.1607rem);
  font-weight: 400;
  text-align: center;
  color: #FEFEEB;
  text-shadow: 0rem calc(1 / 750 * 6.1607rem) calc(1 / 750 * 6.1607rem) #3A6ED6;
  font-family: 'GAMEFONT';
  padding: 0;
}

.tip-comp-cover .tip-comp-dialog--prompt .tip-comp-dialog--btn-cont .tip-comp-btn-medium-primary {
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/pop-btn2.png) no-repeat center center;
  background-size: 100% 100%;
  align-items: end;

  width: calc(272 / 750 * 6.1607rem);
  height: calc(80 / 750 * 6.1607rem);
  line-height: calc(74 / 750 * 6.1607rem);
  font-size: calc(28 / 750 * 6.1607rem);
  font-weight: 400;
  text-align: center;
  color: #FEFEEB;
  text-shadow: 0rem calc(1 / 750 * 6.1607rem) calc(1 / 750 * 6.1607rem) rgba(221, 46, 17, 0.66);
  font-family: 'GAMEFONT';
  padding: 0;

}

.tip-comp-cover .tip-comp-dialog--prompt .tip-comp-dialog--btn-cont a:last-child {
  margin: 0;
}

.lottery-toast {
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/lottery-toast.png') center center no-repeat;
  background-size: 100% auto;
  width: 2.7436rem;
  height: 1.0514rem;
  padding: 0;
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -0.497rem 0 0 -1.3882rem;
}

.lottery-toast .van-icon__image {
  width: .345rem;
  height: .345rem;
}

.lottery-toast .van-toast__icon {
  position: absolute;
  left: .3943rem;
}

.lottery-toast .van-toast__text {
  color: #fff;
  line-height: .3614rem;
  font-size: .3286rem;
  margin: 0;

}

/* .lottery-toast .van-toast__text::before {
  content: '娓╅Θ鎻愮ず4';
  line-height: .3614rem;
  color: #2650CE;
  font-size: calc(32 / 750 * 6.1607rem);
  margin: 0 .1643rem 0 .0657rem;
  font-family: 'GAMEFONT';
  font-weight: 400;
} */

.lottery-toast--container {
  position: fixed;
  width: 6.1607rem;
  height: 6.1607rem;
  top: 0;
  left: 0;
  z-index: 10;
  pointer-events: none;
}

.lottery-toast .lottery-toast--text {
  color: #2650CE;
  font-size: .2464rem;
  line-height: .3614rem;
  margin: 0 .1643rem 0 .0411rem;
}

.lottery-toast .lottery-toast--star {
  width: .345rem;
  height: .345rem;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/2.0/lucky-star.png) center center no-repeat;
  background-size: 100% auto;
}

.lottery-toast .lottery-toast--num {
  color: #fff;
  font-size: .3286rem;
  line-height: .3614rem;

}

.lottery-toast--content {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

body {
  padding-left: 0;
  padding-right: 0;
}

.dialog-up-wechat .btn-blue {
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community/img/pop-btn1.png) center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 2.3329rem;
  height: .6407rem;
  line-height: .5791rem;
  text-align: center;
  color: #fff;
  margin: 0 auto;
  font-size: .2711rem;
  text-indent: 0;
  font-family: 'font';
  margin-top: .1232rem;
}

.tip-comp-dialog--input-phone-info .tip-comp-dialog--input_phone-box input {
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/inputbg.png) no-repeat center center !important;
  background-size: 100% 100% !important;
  width: 4.025rem;
  height: .4887rem;
  border: 0;
  color: #333 !important;
  font-size: .1972rem;
  border: none !important;
}

.tip-comp-dialog--input-phone-info .tip-comp-dialog--input_phone-box input::placeholder {
  color: #333
}

.tip-comp-dialog--input-phone-info .tip-comp-dialog--btn-cont {
  margin: auto;
  width: 89%;
  position: relative;
  left: 0;
  top: .3rem;
}

.tip-comp-dialog--input-phone-info .tip-comp-dialog--input_phone-msg {
  color: #333;
  font-size: .1479rem;
  width: 4.48rem;
  margin: 0 auto;
  min-height: .32rem;
}

.tip-comp-dialog--input-phone-info .tip-comp-dialog--treaty-terms {
  font-size: .1972rem;
  color: #333;
  line-height: .3962rem;
}

.tip-comp-dialog--input-phone-info .tip-comp-dialog--treaty-terms .tip-comp-dialog--phone-treaty-desc {
  color: #4550d0;
  font-size: .1972rem
}

.tip-comp-cover .tip-comp-dialog--input-phone-info .tip-comp-dialog--btn-cont .tip-comp-dialog-cancel {
  
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/pop-btn1.png) no-repeat center center;
  background-size: 100% 100%;
  /* font-family: 'font'; */
  width: calc(272 / 750 * 6.1607rem);
  height: calc(80 / 750 * 6.1607rem);
  line-height: calc(74 / 750 * 6.1607rem);
  font-size: calc(28 / 750 * 6.1607rem);
  font-weight: 400;
  text-align: center;
  color: #FFFFF8;
  text-shadow: 0rem calc(1 / 750 * 6.1607rem) calc(1 / 750 * 6.1607rem) #3A6ED6;
  font-family: 'GAMEFONT';
  padding: 0;
}

.tip-comp-cover .tip-comp-dialog--input-phone-info .tip-comp-dialog--btn-cont .tip-comp-dialog-sure {
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/pop-btn2.png) center top;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: calc(272 / 750 * 6.1607rem);
  height: calc(80 / 750 * 6.1607rem);
  color: #FEFEEB;
  font-size: calc(28 / 750 * 6.1607rem);
  font-style: normal;
  font-weight: 400;
  line-height: calc(80 / 750 * 6.1607rem);
  font-family: 'GAMEFONT';
  text-shadow: 0rem calc(1 / 750 * 6.1607rem) calc(1 / 750 * 6.1607rem) rgba(221, 46, 17, 0.66);
  padding: 0;
}

.tip-comp-cover .tip-comp-dialog--scan-code {
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/popup_bg3_jb.png) center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 5.9307rem;
  height: 3.5691rem;
  padding: 0;
  padding-top: .3286rem;
  overflow: visible;
}

.tip-comp-cover .tip-comp-dialog--scan-code-content {
  width: 4.8752rem;
  margin: .16rem auto 0;
  padding-top: 0;
}


.tip-comp-dialog--scan-code .tip-comp-dialog--close {
  position: absolute;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/colse.png) center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
  top: calc(45 / 750 * 6.1607rem);
  right: calc(65 / 750 * 6.1607rem);
  width: calc(44 / 750 * 6.1607rem);
  height: calc(44 / 750 * 6.1607rem);
  text-indent: -616.0098rem;
}

.tip-comp-cover .tip-comp-dialog--scan-code .tip-comp-dialog--scan-code-img {
  margin: 0;
  width: 1.44rem;
  height: 1.44rem;

}

.tip-comp-cover .tip-comp-dialog--scan-code .tip-comp-dialog--scan-code-subhead {
  color: #333;
  font-size: .1848rem;
}

.lottery-toast--tip {
  color: #2650CE!important;
  font-size: calc(20 / 750 * 6.1607rem);
  line-height: .276rem;
  margin: 0 .224rem;
  text-align: center;
}

.coin-coin--container {
  top: 6%;
  right: calc(205 / 750 * 6.1607rem);
  width: 1.2322rem;
  height: .3696rem;
  border-radius: .1848rem;
  position: absolute;
  background: rgba(0, 0, 0, .3);
  border: .0185rem solid #729bec;
}

.coin-coin--num {
  font-size: .2136rem;
  line-height: .345rem;
  width: 1.0678rem;
  position: absolute;
  color: #fff;
  text-align: right;
  right: .0986rem;
}

.swiper-container {
  width: calc(752 / 750 * 6.1607rem);
  height: calc(535 / 750 * 6.1607rem);
  margin-left: auto;
  margin-top: .5421rem;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}


.swiper-button-next {
  position: absolute;
  display: block;
  background: none;
  width: .2793rem;
  height: .3286rem;
  top: 2.88rem;
  right: .32rem;
}

.swiper-pagination-bullets .swiper-pagination-bullet {
  background-repeat: no-repeat;
  width: .1027rem;
  height: .1027rem;
  opacity: 1;
  background: #d4e1f7;

}

.swiper-pagination-bullets .swiper-pagination-bullet-active {
  background-size: cover;
  background-repeat: no-repeat;
  width: .1027rem;
  height: .1027rem;
  background: #5186ed;
}

.swiper-button-prev {
  position: absolute;
  display: block;
  background: none;
  width: .2793rem;
  height: .3286rem;
  top: 2.88rem;
  left: .32rem;
}

.swiper-button-next::after {
  content: '';
  display: block;
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/arrows.png') center center no-repeat;
  background-size: 100% auto;
  width: calc(28 / 750 * 6.1607rem);
  height: calc(42 / 750 * 6.1607rem);
  transform: rotate(180deg);
}

.swiper-button-prev::after {
  content: '';
  display: block;
  background: url('https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/arrows.png') center center no-repeat;
  background-size: 100% auto;
  width: calc(28 / 750 * 6.1607rem);
  height: calc(42 / 750 * 6.1607rem);

}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 .0329rem;
}

.coin-gift--brand-top {
  position: absolute;
  top: calc(60 / 750 * 6.1607rem);
  z-index: 111;
  right: calc(50 / 750 * 6.1607rem);
  width: calc(174 / 750 * 6.1607rem);
  height: calc(88 / 750 * 6.1607rem);
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/logo-bg.png) no-repeat;
  background-size: 100% auto;
  /* display: flex;
  justify-content: center;
  align-items: center; */
}

.coin-gift--brand-top img {
  width: calc(156 / 750 * 6.1607rem);
  height: calc(66 / 750 * 6.1607rem);
  display: block;
  margin: 0 auto;
  object-fit: contain;
}

.swiper-container-horizontal>.swiper-pagination-bullets {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.gift-contents--inner-flex {
  overflow: hidden;
  margin: -.65rem 0 0;
  height: 2.4027rem;
  display: flex;
  justify-content: center;
}

.gift-bundle {
  margin: 0 .1232rem
}

.gift-bundle--img {
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/img-container.png) center top;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 1.2486rem;
  height: 1.2486rem;
}

.gift-bundle--img img {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 0.3%;
}


.gift-bundle--name {
  color: #333;
  font-size: .1972rem;
  text-align: center;
  min-height: .2793rem;
  margin: .1232rem auto .0616rem;
}

.gift-bundle--desc {
  color: #333;
  font-size: .1972rem;
  text-align: center;
  margin: .0657rem auto 0;
}

.gift-desc {
  color: #4550d0;
  font-size: .1479rem;
  text-align: center;
}


.gift-bundle--content-desc {
  color: #4550d0;
  text-align: center;
  font-size: calc(24 / 750 * 6.1607rem);
}

.tip-act-dialog-main {
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community/img/popup_bg1_jb.png) center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 4.4357rem;
  height: 2.8052rem;
  z-index: 10;
  box-sizing: border-box;
  padding: 0;
  position: relative;
}

.tip-act-dialog-close {
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/colse.png) center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
  top: calc(45 / 750 * 6.1607rem);
  right: calc(65 / 750 * 6.1607rem);
  width: calc(44 / 750 * 6.1607rem);
  height: calc(44 / 750 * 6.1607rem);
  position: absolute;
  display: block;
  z-index: 10;
}

.tip-act-dialog-rule-title {
  font-family: 'GAMEFONT';
  padding: .1232rem 0 0 .3696rem;
  font-size: .1479rem;
  color: #701f0b;
  text-align: left;
  margin: unset;
  line-height: .1848rem;
}

.tip-act-dialog-rule-list {
  width: 88%;
  height: 2.0947rem;
  overflow: auto;
  margin: .1232rem auto;
}

.tip-comp-cover .tip-comp-dialog--title {
  font-family: 'GAMEFONT';
  /* padding: 0rem 0 0 .6777rem; */
  font-size: .24rem;
  color: #2650CE;
  text-align: center;
  margin: 0;
  line-height: 1.1;
  width: 100%;
}
.tip-comp-cover .tip-comp-dialog--scan-code .tip-comp-dialog--title{
  padding: .192rem 0 0;
}

.tip-comp-dialog--input_phone-content input {
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community/img/inputbg.png) no-repeat;
  background-size: 100% 100%;
  width: 2.8956rem;
  height: .2957rem;
  color: #000;
  margin-top: 0;
  margin-bottom: .0123rem;
  border: 0;
  outline: none;
  padding: .0616rem;
  box-sizing: border-box;
  pointer-events: none;
}

.tip-comp-dialog--treaty-terms {display: flex; justify-content: center;}

.shop-species {
  right: .3286rem;
}

.shop-species-circle::after {
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community/img/species.png) no-repeat;
  background-size: 100% auto;
}

@media all and (max-width: 10.9579rem) and (min-device-pixel-ratio: 2) {
  .shop-content {
    transform: scale(.82)
  }

  .index-content--inner {
    transform: scale(.8)
  }

  .tip-comp-dialog {
    zoom: .7
  }

  .tip-act-dialog-wrap .dialog-big {
    zoom: .8
  }

  .coin-content {
    transform: scale(.82) translate(-50%, -50%);
    transform-origin: 0% 0%;
  }
}


.coin-gift--content {
  position: relative;
}

/* .coin-right::before {
  content: '';
  width: 2.4345rem;
  height: 2.2563rem;
  left: -24%;
  bottom: 3%;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community/img/box1.png) no-repeat;
  background-size: 100% auto;
  z-index: 2;
  position: absolute;
} */

.coin-content::after,.shop-content::after {
  content: '';
  width: 100%;
  height: calc(180 / 750 * 6.1607rem);
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/grass.png) no-repeat;
  background-size: 100% 100%;
  z-index: 3;
  left: 0;
  position: absolute;
  bottom: calc(-40 / 750 * 6.1607rem);
  pointer-events: none;
  /* display: none; */
}

/* .coin-right::after {
  content: '';
  width: 2.0386rem;
  height: 1.8209rem;
  right: -2.2077rem;
  bottom: 2%;
  transform: translateX(-50%);
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community/img/box2.png) no-repeat;
  background-size: 100% auto;
  z-index: 2;
  position: absolute;
} */

.new-toast{
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/coin-system/community_2/new-toast.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 99;
  width: calc(498 / 750 * 6.1607rem);
  height: calc(258 / 750 * 6.1607rem);
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
}

.new-toast-txt{
  font-family: 'GAMEFONT';
  font-style: normal;
  font-weight: 400;
  font-size: .36rem;
  background: linear-gradient(180deg, #FFF3D4, #FFFFFF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  line-height: 1.5;
}

.tip-comp-dialog--input-addr .tip-comp-dialog--btn-cont{
  margin: 0 !important;
  bottom: .2rem !important;
}
.tip-comp-dialog--input-addr .tip-comp-dialog--btn-cont a{
  margin-right: .2rem !important;
}
.tip-comp-dialog--input-addr .tip-comp-dialog--btn-cont a:last-child {
  margin-right: 0 !important;
}

.tip-comp-cover .tip-comp-dialog--input-phone-info .tip-comp-dialog-cancel{
  display: none;
}

.tip-comp-dialog--input-item label {
  display: none !important;
}