@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");
}

.tip-act-entry {
  display: inline-block;
  overflow: hidden;
  width: .82rem;
  height: .82rem;
  background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/pvp3.0/image/icon/icon-add.png) no-repeat center center;
  background-size: contain;
}

.tip-act-return {
  display: inline-block;
  overflow: hidden;
  width: .8rem;
  height: .5rem;
  background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/pvp3.0/image/icon/icon-back.png) no-repeat center center;
  background-size: contain;
}

.tip-comp-brandmerchants--name {
  overflow: hidden;;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tip-comp-btn-small-primary {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.3rem;
  height: .5rem;
  color: #fff;
  font-family: "GAMEFONT";
  font-size: .28rem;
  font-weight: normal;
  text-align: center;
  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;
}

.tip-comp-btn-small-secondary {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.3rem;
  height: .5rem;
  color: #fff;
  font-family: "GAMEFONT";
  font-size: .28rem;
  font-weight: normal;
  text-align: center;
  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;
}

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

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

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

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

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

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

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

.tip-act-view {
  width: 100%;
  height: 100%;
}

.tip-act-view::before {
  content: "";
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 90;
  height: .6rem;
  background-image: linear-gradient(0deg, #294061 0%, #294061 52%, rgba(29, 63, 103, 0) 100%);
}

.tip-act-common {
  position: relative;;
  display: flex;
  width: 100%;
  height: 100%;
}

.tip-act-content {
  display: flex;
  flex-direction: column;;
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding: 0 .24rem;
}

.tip-act-entry {
  position: absolute;
  right: 0;
  bottom: 1.2rem;
  left: 0;
  z-index: 91;;
  margin: auto;
  text-indent: -1000rem;
}

.tip-act-common .tip-comp-storelist {
  height: auto;
}

.tip-act-empty-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 70vmin;
}

.tip-act-empty-icon {
  width: 100%;
  height: 1.6rem;
  background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/pvp3.0/image/icon/icon-empty.png) no-repeat center center;
  background-size: contain;
}

.tip-act-empty-text {
  color: #adceeb;
  font-size: .2rem;
  letter-spacing: 0;
}

.tip-act-sidebar {
  position: relative;
  width: 1.44rem;
}

.tip-act-sidebar::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -2;
  width: 200%;
  height: 100%;
  background-image: linear-gradient(0deg, rgba(25, 56, 98, .7) 0%, rgba(26, 42, 67, .7) 43%);
}

.tip-act-return {
  position: absolute;
  top: .15rem;
  right: 0;
  left: 0;
  z-index: 5;;
  margin: auto;
  text-indent: -1000rem;
}

.tip-act-sidebar-box {
  position: relative;
  display: block;
  height: auto;
  padding-top: .9rem;
  background-image: linear-gradient(180deg, rgba(42, 99, 157, .1) 36%, rgba(42, 99, 157, 0) 100%);
}

.tip-act-sidebar-box a {
  position: relative;
  display: block;
  width: 100%;
  height: .8rem;
  color: #84b0eb;
  font-family: "GAMEFONT";
  font-size: .24rem;
  line-height: .8rem;
  letter-spacing: 0;;
  text-align: center;
}

.tip-act-sidebar-box a span {
  position: relative;
  z-index: 2;
}

.tip-act-sidebar-box a.active span {
  color: #fff;
  font-family: "GAMEFONT";
  letter-spacing: 0;
  text-shadow: 0 0 .16rem rgba(95, 147, 234, .7);
}

.tip-act-sidebar-box a.active::after {
  content: "";
  position: absolute;
  top: -.8rem;
  right: -.23rem;
  z-index: -1;
  display: block;
  width: 2.3rem;
  height: 2.4rem;
  background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/pvp3.0/image/slide-act.png) no-repeat center center;
  background-size: contain;
}

.tip-act-merchant {
  display: flex;
  flex-grow: 1;
  height: calc(100vmin - .8rem);
}

.tip-act-title {
  max-height: .8rem;
  padding: .24rem 0;
  color: #adceeb;
  font-family: "GAMEFONT";
  font-size: .3rem;
  line-height: .32rem;;
  letter-spacing: 0;
}

.tip-act-title i {
  display: inline-block;
  width: .32rem;
  height: .32rem;
  margin-left: .15rem;
  vertical-align: top;
  background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/pvp3.0/image/icon/icon-rule-32.png) no-repeat center center;
  background-size: contain;
}

.tip-act-scrollcontent {
  flex: 1;
  overflow: hidden;
  height: 100%;
  padding-bottom: .6rem;
  -webkit-overflow-scrolling: touch;
}

.tip-act-current-display {
  position: relative;;
  width: 29%;
  color: #d6eaff;
  font-size: .2rem;
  letter-spacing: 0;
  text-align: center;
}

.tip-act-current-display .tip-act-privilege-flag {
  position: absolute;
  top: -.8rem;
  right: 0;
  left: 0;
  height: 100%;
  margin: auto;
  background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/pvp3.0/image/vip-flag.png) no-repeat top center;
  background-size: 2.8rem 3.92rem;
}

.tip-act-current-display .tip-act-privilege-flag span {
  display: block;
  width: 1.9rem;
  height: 1.9rem;
  margin: .8rem auto 0;
  text-indent: -1000rem;
}

.tip-act-current-display .tip-act-privilege-flag span.icon-privilege-flag--gold {
  background: url(https://image-1251917893.file.myqcloud.com/privilegePC/logo2024.png) no-repeat top center;
  background-size: contain;
}

.tip-act-current-display .tip-act-privilege-flag span.icon-privilege-flag--sliver {
  background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/pvp3.0/image/flag_sliver.png) no-repeat top center;
  background-size: contain;
}

.tip-act-current-display .tip-act-privilege-flag--text {
  padding: .2rem;
  margin-top: 3.5rem;
  line-height: .35rem;
}

.tip-act-declare {
  height: .36rem;
  padding-left: .16rem;
  margin-bottom: .12rem;;
  color: #fff;
  font-size: .2rem;
  font-weight: bold;
  line-height: .36rem;
  letter-spacing: 0;
  text-shadow: 0 0 8px rgba(95, 147, 234, .7);
  background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/pvp3.0/image/bg-title.png) no-repeat left center;
  background-size: auto 100%;
}

.tip-act-declare a {
  color: #ffb52b;
}

.tip-act-info {
  margin-bottom: .32rem;;
  color: #84b0eb;
  font-size: .2rem;
  line-height: .3rem;
  letter-spacing: 0;
}

.tip-act-info a {
  color: #84b0eb;
  text-decoration: underline;
}

.tip-act-privilege--type {
  display: flex;
  flex-direction: column;
}

.tip-act-privilege-box {
  display: block;
  text-align: center;
}

.tip-act-privilege--item {
  display: inline-block;
  margin: 0 2px;;
  text-align: center;
}

.tip-act-privilege--item div {
  position: relative;
  width: 1.88rem;
  height: 1.76rem;
  padding: 1px;
  margin: 0 auto 1px;
  background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/pvp3.0/image/bg/privilege-item-bg.png) no-repeat left center;
  background-size: contain;
}

.tip-act-privilege--item div p {
  position: absolute;
  right: 0;
  bottom: 1px;
  left: 0;
  height: .36rem;
  color: #84b0eb;
  font-family: FZLTHK--GBK1-0;
  font-size: .2rem;
  line-height: .36rem;
  letter-spacing: 0;
  text-shadow: 0 0 4px #2e51a9;
  background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/pvp3.0/image/bg-text.png) no-repeat left center;
  background-size: contain;
}

.tip-act-privilege--item .tip-comp-btn-medium_large-secondary {
  width: 1.89rem;
  background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/pvp3.0/image/btn/btn-medium_large-secondary.png) no-repeat center center;
  background-size: 100% 100%;
}

.tip-act-link-wifi {
  margin: .2rem auto .5rem;;
  color: #adceeb;
  font-size: .2rem;
}

.tip-act-btn-content {
  display: flex;
  justify-content: center;
  margin-top: .65rem;;
  margin-bottom: .8rem;
}

.tip-act-privilege .tip-comp-storelist-item-name {
  max-width: 5rem;
  color: #fff;
}

.tip-act-select-store .tip-act-merchant {
  width: 95%;
}

.tip-act-select-store .tip-comp-storelist-item-addr_text {
  max-width: 6rem;
}

.tip-act-free-benefits .tip-comp-storelist {
  height: auto;
}

.tip-act-brand--detail {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;;
  height: 100%;
  text-align: center;
}

.tip-act-barnd-img {
  position: relative;;
  display: inline-block;
  width: 1.92rem;
  height: 1.92rem;
}

.tip-act-barnd-img .tip-act-icon-brand {
  position: absolute;
  position: absolute;
  top: 0;
  left: 0;
  width: .6rem;
  height: .62rem;
  text-indent: -1000rem;
  background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/pvp3.0/image/icon/icon-brand.png) no-repeat left center;
  background-size: contain;
}

.tip-act-brand--name {
  margin: .3rem auto .15rem;
  color: #fff;
  font-size: .24rem;
  letter-spacing: 0;
  text-shadow: 0 0 8px rgba(95, 147, 234, .7);
}

.tip-act-barnd--addr {
  color: #82a0cc;
  font-size: .2rem;
  letter-spacing: 0;
}

.tip-act-barnd-btn {
  display: block;
  width: 1.86rem;
  height: .42rem;
  color: #b0d3fd;
  font-family: "GAMEFONT";
  font-size: .2rem;
  line-height: .42rem;
  letter-spacing: 0;
  text-align: center;
  background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/pvp3.0/image/btn/icon-barnd-btn.png) no-repeat left center;
  background-size: contain;
}

.tip-act-brand-entry {
  position: relative;
  z-index: 91;
  display: block;
  width: 2.8rem;
  height: .8rem;
  text-indent: -1000rem;
  background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/pvp3.0/image/other-entry.png) no-repeat center center;
  background-size: contain;
}

.privilege-type .tip-act-scrollcontent {
  overflow-y: hidden;
}

.tip-act-navbar-switch {
  display: flex;
  margin-bottom: .22rem;
  text-align: center;
  border-bottom: 1px solid #395d7e;
}

.tip-act-navbar-switch a {
  position: relative;;
  width: 1.6rem;
  height: .54rem;
  color: #84b0eb;
  font-family: "GAMEFONT";
  font-size: .22rem;
  line-height: .54rem;
  letter-spacing: 0;
}

.tip-act-navbar-switch a::before {
  content: "";
}

.tip-act-navbar-switch a.active {
  color: #fff;
}

.tip-act-navbar-switch a.active::before {
  content: "";
  position: absolute;
  top: .05rem;
  right: 0rem;
  display: block;
  width: 1.52rem;
  height: .56rem;
  background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/pvp3.0/image/icon/icon-tabs_select.png) no-repeat center center;
  background-size: contain;
}

.tip-act-tab-section {
  position: relative;;
  overflow-y: scroll;
  height: 100%;
  padding-bottom: .6rem;
}

/* 修复满级铭文页撑开样式问题 */
.tip-act-privilege .tip-act-tab-section {
  max-width: 8rem;
}

.tip-act-privilege-section {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: .6rem;
}

.tip-act-privilege-skin li {
  position: relative;;
  width: 23%;
  margin: 0rem .05rem .1rem;
}

.tip-act-privilege-skin li::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/pvp3.0/image/bg/privilege-img-bg.png) no-repeat center center;
  background-size: 100% 100%;
}

.tip-act-privilege-skin li p {
  position: absolute;
  right: 0rem;
  bottom: 0rem;
  left: 0rem;
  height: .4rem;
  color: #b0d3fd;
  font-size: .2rem;
  line-height: .4rem;
  text-align: center;
}

.tip-act-privilege-skin li span {
  color: #fff;
}

.tip-act-privilege-hero li {
  position: relative;;
  width: 1.12rem;
  margin: 0 .063rem .08rem;
}

.tip-act-privilege-hero li .tip-act-heroimg-box {
  width: 1.12rem;
  height: 1.12rem;
}

.tip-act-privilege-hero li .tip-act-heroimg-box img {
  width: 1.12rem;
  height: auto;
  max-height: 1.12rem;
}

.tip-act-privilege-hero li .tip-act-heroimg-box::before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background: url(https://game.gtimg.cn/images/user/cp/a20190402wifiTQ/small-border.png) no-repeat top center;
  background-size: contain;
}

.tip-act-privilege-hero li.icon-new::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;
  height: 100%;
  background: url(https://game.gtimg.cn/images/user/cp/wxsystemToC20170712/store_2/list0517/img-label/shangxin-f.png) no-repeat top left;
  background-size: contain;
}

.tip-act-privilege-hero li p {
  color: #fff;;
  font-size: .22rem;
  line-height: .34rem;
  text-align: center;
}

.tip-act-inscription-type {
  display: flex;
  align-items: center;
  overflow-x: scroll;
  margin-bottom: .3rem;
}

.tip-act-inscription-type .tip-act-left,
.tip-act-inscription-type .tip-act-right {
  display: block;
  width: 1rem;
  height: 1.4rem;
  padding-top: .3rem;;
  text-align: center;
}

.tip-act-inscription-type .tip-act-left img,
.tip-act-inscription-type .tip-act-right img {
  width: .44rem;
  height: .44rem;
}

.tip-act-inscription-type .tip-act-left {
  transform: rotateY(-180deg);
}

.tip-act-inscription-type ul {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
}

.tip-act-inscription-type ul::-webkit-scrollbar {
  display: none;
}

.tip-act-inscription-type ul li {
  position: relative;
  margin-right: .34rem;;
  color: #4f6f95;
  font-size: .2rem;
  letter-spacing: 0;
  text-align: center;
}

.tip-act-inscription-type ul li.active .tip-act-inscription-img {
  border: 1px solid #c28634;
}

.tip-act-inscription-type ul li.active p {
  color: #fff;
}

.tip-act-inscription-type ul li .tip-act-inscription-img {
  display: flex;
  justify-content: center;
  align-items: center;;
  width: .96rem;
  height: .96rem;
  background: #112237;
  border: 1px solid #35669e;
  border-radius: 2px;
}

.tip-act-inscription-type ul li .tip-act-inscription-img img {
  width: .54rem;
}

.tip-act-inscription-type ul li p {
  margin-top: .1rem;
}

.tip-act-inscription-detail {
  display: flex;
  justify-content: space-between;
}

.tip-act-inscription-list {
  width: 59%;
  background: rgba(23, 49, 76, .5);
}

.tip-act-inscription-list ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  padding: 0 .16rem .16rem;
}

.tip-act-inscription-list ul li {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 33%;
  margin: .1rem 0;
}

.tip-act-inscription-list ul li img {
  width: .54rem;
}

.tip-act-inscription-list ul li span {
  display: inline-block;
  width: .4rem;
  margin-left: .08rem;
  color: #fff;;
  font-size: .2rem;
  letter-spacing: 0;
}

.tip-act-inscription-list ul li span i {
  color: #b0d3fd;
}

.tip-act-inscription-attribute {
  width: 39%;
  background: rgba(23, 49, 76, .5);
}

.tip-act-attribute-box {
  padding: 0 .16rem .16rem;
}

.tip-act-attribute-box li {
  display: flex;
  align-items: center;
  height: .4rem;
  font-size: .2rem;
}

.tip-act-attribute-box li:nth-child(2n) {
  background: linear-gradient(270deg, transparent 0%, rgba(0, 0, 0, .15) 49%, transparent 100%);
}

.tip-act-attribute-box li p:nth-child(1) {
  width: 70%;
  color: #b0d3fd;
  text-align: left;
}

.tip-act-attribute-box li p:nth-child(2) {
  width: 30%;
  color: #579bf8;
  text-align: right;
}

.hero-avatar-container {
  display: flex;
  flex-wrap: wrap;
}

.hero-avatar-container li {
  position: relative;;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.04rem;
  height: 1.04rem;
  margin: 0 .16rem .16rem 0;
  border: 1px solid #35669e;
  border-radius: 2px;
}

.hero-avatar-container li img {
  width: .7rem;
}

.hero-avatar-container li span {
  position: absolute;
  right: .08rem;
  bottom: .08rem;;
  color: #fff;
  font-family: "GAMEFONT";
  font-size: .2rem;
  letter-spacing: 0;
}

.tip-act-introduce .tip-act-current-display {
  width: 28%;
}

.tip-act-introduce .tip-act-sidebar {
  background: none;
}

.tip-act-introduce-content {
  color: #84b0eb;
  font-family: FZLTHK--GBK1-0;
  font-size: .2rem;
  line-height: .3rem;;
  letter-spacing: 0;
}

.section {
  margin-bottom: .4rem;
}

.wz {
  margin-bottom: .2rem;
}

.qy-iist-info {
  color: #ffb52b;
  font-weight: bold;
}

table {
  width: 100%;
  margin: .2rem auto;
  color: #84b0eb;
  font-size: .2rem;
  text-align: center;
  background: #233756;;
  border-collapse: collapse;
}

table thead {
  height: .6rem;
  line-height: .6rem;;
  background: rgba(0, 0, 0, .15);
}

table thead th:nth-child(1) {
  width: 40%;
  line-height: .4rem;;
  text-align: center;
}

table thead th:nth-child(2) {
  width: 60%;
  text-align: center;
}

table thead td:nth-child(3) {
  text-align: center;
}

table tbody {
  color: #82a0cc;;
  text-align: left;
}

table tbody tr td:nth-child(1) {
  text-align: center;
}

table th,
table td {
  border: 1px solid #233756;
}

table tr td {
  padding: .3rem .1rem;
}

.num-img-1 {
  display: block;
  margin: .16rem auto;
}

.num-img-2 {
  display: block;
  width: 1.8rem;
  margin: .16rem auto;
}

.num-img-3 {
  display: block;
  width: 4rem;
  margin: .16rem auto;
}

h4 {
  margin: .15rem 0rem;;
  color: #fff;
  font-size: .28rem;
}

.table-line2 tr td:last-child {
  width: 1.6rem;
}

.table-line2 tr td:nth-child(1) {
  width: 1.7rem;
}

.table-line2 tr td:nth-child(2) {
  width: 2rem;
}

.table-line2 tr td:nth-child(3) {
  text-align: center;
}

.table-line3 tr td:nth-child(1) {
  width: 4.5rem;
  text-align: left;
}
.table-line4 thead th:nth-child(1),
.table-line4 thead th:nth-child(2),
.table-line4 thead th:nth-child(3) {
  width: 33.33%;
  line-height: .4rem;;
  text-align: center;
}

.table-line4 tr td:nth-child(1) {
  width: 3rem;
  padding: .3rem .1rem;;
  text-align: left;
}

.table-line4 tr td:nth-child(2) {
  width: 2rem;
  padding: .3rem .1rem;;
  text-align: left;
}

.table-line4 tr td:nth-child(3) {
  width: 3rem;
  padding: .3rem .1rem;;
  text-align: left;
}

.end {
  margin-bottom: .2rem;;
  font-size: .24rem;
  text-align: center;
}

.merchant-benefits .tip-act-sidebar {
  background: none;
}

.tip-act-goods-detail .tip-act-current-display {
  width: 35%;
}

.tip-comp-storelist-item .tip-comp-icon-secondary {
  display: none;
}

.tip-comp-storelist-item .tip-comp-distance-primary {
  display: none;
}

.tip-comp-storelist-item .tip-comp-storelist-icon-addr {
  display: none;
}

.tip-comp-storelist-item {
  position: relative;
  display: flex;
  flex: 1;
  padding: .16rem .24rem;
  margin-bottom: .08rem;;
  background: rgba(23, 49, 76, .4);
  box-shadow: inset 0 0 0 0 rgba(68, 114, 163, .2);
}

.tip-comp-storelist-item-img {
  width: .7rem;
  height: .7rem;
  margin-right: .15rem;
  line-height: .9rem;
  background: white;
}

.tip-comp-storelist-item-img img {
  -o-object-fit: contain;
     object-fit: contain;
}

.tip-comp-storelist-detailinfo {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;;
  flex: 1 1 0;
}

.tip-comp-storelist-item-icon-jp {
  display: inline-block;
  width: .8rem;
  height: .28rem;
  text-indent: -1000px;
  vertical-align: middle;;
  background: url(https://image-1251917893.cos.ap-guangzhou.myqcloud.com/tip-privilege-Merchant/pvp/img/icon/icon-gold.png) no-repeat left center;
  background-size: contain;
}

.tip-comp-storelist-item-icon-yp {
  display: inline-block;
  width: .8rem;
  height: .28rem;
  text-indent: -1000px;
  vertical-align: middle;;
  background: url(https://image-1251917893.cos.ap-guangzhou.myqcloud.com/tip-privilege-Merchant/pvp/img/icon/icon-silver.png) no-repeat left center;
  background-size: contain;
}

.tip-comp-storelist-item-detailinfo {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.tip-comp-storelist-item-addr {
  color: #82a0cc;
  font-size: .22rem;
}

.tip-comp-storelist-item-addr span,
.tip-comp-storelist-item-addr i {
  display: inline-block;
  vertical-align: middle;
}

.tip-comp-storelist-item-name {
  display: inline-block;
  overflow: hidden;;
  max-width: 8rem;
  margin-right: .1rem;
  color: #fff;
  font-size: .22rem;
  line-height: .22rem;
  letter-spacing: 0;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}

.tip-comp-storelist-item-distance {
  position: relative;;
  display: inline-block;
  padding-right: .2rem;
  margin: 0 .1rem 0 0;
  color: #82a0cc;
  font-size: .22rem;
  vertical-align: middle;
}

.tip-comp-storelist-item-distance::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 1px;
  height: .2rem;
  margin: auto;
  background: #82a0cc;
}

.tip-comp-storelist-icon-state {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: .6rem;
  height: .62rem;;
  text-indent: -1000rem;
}

.tip-comp-storelist-icon-state.tip-comp-icon-instore {
  background: url(https://image-1251917893.cos.ap-guangzhou.myqcloud.com/tip-privilege-Merchant/pvp/img/icon/icon-in.png) no-repeat left center;
  background-size: contain;
}

.tip-comp-storelist-icon-state.tip-comp-icon-eventbeen {
  background: url(https://image-1251917893.cos.ap-guangzhou.myqcloud.com/tip-privilege-Merchant/pvp/img/icon/icon-been.png) no-repeat left center;
  background-size: contain;
}

.tip-comp-storelist-icon-state.tip-comp-icon-lately {
  background: url(https://image-1251917893.cos.ap-guangzhou.myqcloud.com/tip-privilege-Merchant/pvp/img/icon/icon-nearest.png) no-repeat left center;
  background-size: contain;
}

.tip-comp-freelist {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.tip-comp-freelist--list-item {
  display: flex;
  flex: 1;
  padding: .24rem;
  margin-bottom: .08rem;;
  background: rgba(17, 36, 57, .3);
}

.tip-comp-freelist--list-info {
  display: flex;
  align-items: center;;
  flex: 1;
}

.tip-comp-freelist--list-img {
  width: 1.12rem;
  height: 1.12rem;
  margin-right: .22rem;
  background: #09152d;;
  pointer-events: none;

  object-fit: contain;
}

.tip-comp-freelist--list-detailinfo {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: 100%;
  font-size: .24rem;
  line-height: .28rem;
}

.tip-comp-freelist--list-name {
  color: #f6f6fa;;
  font-size: .24rem;
}

.tip-comp-freelist--list-coupon {
  color: #b3cde8;
  font-size: .2rem;
  letter-spacing: 0;
}

.tip-comp-freelist--list-usereturn {
  display: flex;
  align-items: center;
  overflow: hidden;
  height: .32rem;
  padding-right: .22rem;;
  color: #82a0cc;
  font-size: .18rem;
  background-image: linear-gradient(270deg, transparent 0%, rgba(0, 0, 0, .1) 100%);
  border-radius: .16rem;
}

.tip-comp-freelist--list-usereturn p {
  display: inline-block;
  overflow: hidden;;
  width: .32rem;
  height: .32rem;
  margin-right: .01rem;
  border-radius: 50%;
}

.tip-comp-freelist--list-usereturn span {
  margin-left: .1rem;;
  color: #82a0cc;
}

.tip-comp-freelist--list-progress {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 2rem;
  font-size: .24rem;
  letter-spacing: 0;
}

.tip-comp-freelist--list-progressdetail {
  margin-bottom: .1rem;;
  color: #82a0cc;
  font-size: .2rem;
}

.tip-comp-freelist--list-progressbar {
  display: inline-block;
  overflow: hidden;
  width: 1.95rem;
  height: .04rem;
  text-align: left;
  background: rgba(0, 0, 0, .5);;
  border-radius: .02rem;
}

.tip-comp-freelist--list-progressbar i {
  display: block;
  height: 100%;
  background-image: linear-gradient(90deg, #8cb2e7 0%, #b5e2ff 100%);;
  border-radius: .02rem;
}

.tip-comp-freelist--list-default-btn {
  margin-top: .15rem;
}

.tip-comp-goods-status--box {
  overflow-y: auto;
  height: 100%;
  padding-bottom: .6rem;;

  -webkit-overflow-scrolling: touch;
}

.tip-comp-goods-status--item {
  display: flex;
  flex: 1;
  padding: .24rem;
  margin-bottom: .08rem;;
  color: #82a0cc;
  background: rgba(17, 36, 57, .3);
  box-shadow: inset 0 0 0 0 rgba(68, 114, 163, .2);
}

.tip-comp-goods-status--content {
  display: flex;
  align-items: center;;
  overflow: hidden;
  width: 100%;
}

.tip-comp-goods-status--img {
  width: 1.12rem;
  height: 1.12rem;
  margin-right: .22rem;
  pointer-events: none;
}

.tip-comp-goods-status--name {
  color: #f6f6fa;;
  font-size: .24rem;
}

.tip-comp-goods-status--baseinfo {
  display: flex;
  flex-direction: column;
  justify-content: space-around;;
  flex: 1;
  height: 100%;
}

.tip-comp-goods-status--businessname {
  color: #579bf8;;
  font-size: .2rem;
}

.tip-comp-goods-status--data {
  color: #82a0cc;;
  font-size: .18rem;
}

.tip-comp-goods-status-btn {
  width: 1.3rem;
  font-size: .2rem;
  text-align: center;
}

.tip-comp-goods-detail--leftslide {
  position: unset;
  display: block;;
  flex: 0 0 24.44%;
  height: auto;
  padding: 0rem;
  background: none;
}

.tip-comp-goods-detail--leftslide .tip-comp-brandmerchants--remind {
  margin: 1rem auto 0;
  text-align: left;
}

.tip-comp-goods-detail--info {
  height: 100%;
  padding-top: .7rem;;
  text-align: center;
}

.tip-comp-goods-detail--giftimg {
  display: inline-block;
  width: 1.92rem;
  height: 1.92rem;
  padding: 0;
  background: none;
  background: #35669e;
  border: 0;
  border: 1px solid #35669e;
}

.tip-comp-goods-detail--giftname {
  width: 80%;
  margin: .2rem auto 0rem;;
  margin-top: .16rem;
  color: #fff;
  font-size: .24rem;
  font-weight: bold;
  line-height: .3rem;
  letter-spacing: -.45px;
}

.tip-comp-goods-detail--limit-time {
  margin-top: .1rem;;
  color: #82a0cc;
  font-size: .22rem;
  line-height: .28rem;
  letter-spacing: 0;
}

.tip-comp-goods-detail--icon-use {
  position: fixed;
  top: -.4rem;
  right: -.4rem;;
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  padding: 0;
  background: none;
  border: 0;
}

.tip-comp-goods-detail--icon-use.tip-comp-goods-detail--icon-used {
  background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/pvp3.0/image/icon/icon-used.png) no-repeat center center;
  background-size: contain;
}

.tip-comp-goods-detail--icon-use.tip-comp-goods-detail--icon-expired {
  background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/pvp3.0/image/icon/icon-overtime.png) no-repeat center center;
  background-size: contain;
}

.tip-comp-goods-detail-verification-box {
  width: 3.2rem;
  height: 4.26rem;
  padding: .25rem .3rem;
  margin: auto;
  background-image: linear-gradient(0deg, #2370a6 0%, rgba(35, 112, 166, 0) 100%);
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, .12);;
  border: 0 solid rgba(88, 246, 255, .1);
}

.tip-comp-goods-detail-verification-box .tip-comp-verification-name {
  color: #579bf8;
  font-family: "GAMEFONT";
  font-size: .24rem;
  line-height: .24rem;;
  letter-spacing: 0;
}

.tip-comp-goods-detail-verification-box .tip-comp-verification-code {
  position: relative;;
  padding: .16rem;
  margin-top: .4rem;
  background: #fff;
  border-radius: 2px;
}

.tip-comp-goods-detail-verification-box .tip-comp-verification-code .ewm {
  width: 1.3rem;
  height: 1.3rem;
  margin-top: .16rem;
}

.tip-comp-goods-detail-verification-box .tip-comp-verification-code.tip-comp-verification-code-cover::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 8;;
  margin: auto;
  background: rgba(31, 42, 60, .85);
}

.tip-comp-goods-detail-verification-box .tip-comp-verification-code.tip-comp-verification-code-cover a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9;;
  width: 1.1rem;
  height: .4rem;
  margin: auto;
  color: #82a0cc;
  font-family: FZLTHK--GBK1-0;
  font-size: .2rem;
  line-height: .4rem;
  background: #000;
  border-radius: .2rem;
}

.tip-comp-goods-detail--right-content {
  box-sizing: border-box;
  overflow-y: auto;
  width: 100%;
  height: 100%;
  padding: .15rem .2rem .6rem;
  background: rgba(23, 49, 76, .4);;

  -webkit-overflow-scrolling: touch;
}

.tip-comp-goods-detail--com {
  line-height: .34rem;
  letter-spacing: 0;
}

.tip-comp-goods-detail--item {
  display: flex;
  align-items: flex-start;
  padding: .25rem 0rem;
  font-size: .2rem;
  border-bottom: 1px solid #395d7e;
}

.tip-comp-goods-detail--item:last-child {
  border-bottom: 0;
}

.tip-comp-goods-detail--item span {
  color: #84b0eb;;
  font-size: .24rem;
  font-weight: bold;
}

.tip-comp-goods-detail--item .tip-comp-goods-detail--text {
  flex: 1;
  overflow-x: scroll;;
  margin-left: .1rem;
  color: #adceeb;
  font-size: .2rem;
}

.tip-comp-goods-detail--extrainfo {
  overflow: hidden;
  padding: .15rem 0rem 0rem;
  color: #82a0cc;
  border-top: 1px solid #395d7e;
}

.tip-comp-goods-detail--inputphone-available {
  position: relative;
  overflow: hidden;
  width: 3.6rem;
  height: 1.72rem;
  padding: .16rem;
  margin: 0rem auto .4rem;;
  background: #fff;
  border-radius: 2px 0 0 2px;
}

.tip-comp-goods-detail--inputphone-available img {
  width: 100%;
  height: 100%;
}

.tip-comp-goods-detail--inputphone-instruct {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;;
  align-items: center;
  color: #fff;
  line-height: .5rem;
  background: rgba(0, 0, 0, .5);
}

.tip-comp-goods-detail--inputphone-instruct .tip-comp-goods-detail--inputphone-img {
  width: .42rem;
  height: auto;
}

.tip-comp-goods-detail--exchangecode {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: .15rem;
  text-align: center;
}

.tip-comp-goods-detail--exchange_box {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.92rem;
  padding: .1rem;
  background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/pvp3.0/image/bg-barcode.png) no-repeat center center;
  background-size: contain;
}

.tip-comp-goods-detail--barcode {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 3.8rem;
  height: 1.2rem;
  padding: 0;
  margin-right: .5rem;;
  text-align: center;
  background: none;
  border: 0;
  border-radius: 2px 0 0 2px;
}

.tip-comp-goods-detail--qrcode {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  background: none;;
  border: 0;
}

.tip-comp-goods-detail--exchangecode-tips {
  color: #ccc;
}

.tip-comp-goods-detail--copy-code {
  padding: .2rem 0rem;
  border-bottom: 1px solid #395d7e;
}

.tip-comp-goods-detail--copy-number {
  width: 6rem;
  height: .7rem;
  margin: 0 auto .22rem;
  color: #84b0eb;;
  font-size: .3rem;
  line-height: .7rem;
  text-align: center;
  background: rgba(18, 34, 54, .4);
  border-radius: 2px;
}

.tip-comp-goods-detail--copy-code_tips {
  color: #adceeb;
  font-size: .24rem;
  line-height: .5rem;
}

.tip-comp-goods-detail--copy-code_tips span {
  display: block;
  color: #84b0eb;
  font-size: .28rem;
  line-height: .5rem;
}

.tip-comp-goods-detail--copy-code_tips a {
  color: #84b0eb;
}

.tip-comp-goods-detail--qrcode-exchange {
  display: flex;
  flex-direction: column;
  padding: .3rem 0rem;
}

.ewm {
  display: inline-block;
  width: 1.72rem;
  height: 1.72rem;
  padding: .05rem;
  background: #fff;
  border: 0;
  border-radius: 0 2px 2px 0;
}

.tip-comp-goods-detail--qrcode-img {
  display: block;
  width: 1.9rem;
  height: 1.9rem;
  padding: .1rem;
  margin: auto;;
  background: #fff;
  border: 0;
}

.tip-comp-goods-detail--qrcode-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.tip-comp-goods-detail--qrcode-right .tip-comp-goods-detail-step {
  display: none;
}

.tip-comp-goods-detail--qrcode-text {
  margin: .1rem 0;
  color: #84b0eb;
  font-size: .24rem;
  font-weight: bold;;
  line-height: .4rem;
}

.tip-comp-goods-detail--qrcode-text i {
  display: inline-block;
  width: .28rem;
  height: .28rem;
  margin-right: .15rem;
  color: #26262a;
  font-size: .24rem;
  line-height: .28rem;
  text-align: center;
  vertical-align: middle;
  background: #ffb52b;
}

.tip-comp-goods-detail--time-tips {
  color: #adceeb;;
  font-size: .2rem;
}

.tip-comp-goods-detail--btn-cont {
  display: flex;
  justify-content: space-around;
  margin-top: 2.6rem;
}

.tip-comp-brandmerchants--info {
  display: flex;
  align-items: center;
  width: 100%;
  height: .65rem;
  padding: 0rem .2rem;
  font-size: .24rem;
  line-height: .65rem;
  background: rgba(68, 114, 163, .2);
  box-shadow: inset 0 0 0 0 rgba(68, 114, 163, .2);
}

.tip-comp-brandmerchants--img {
  width: .46rem;
  height: .46rem;
  margin-right: .1rem;
  border-radius: 50%;
}

.tip-comp-brandmerchants--baseinfo {
  display: flex;
  align-items: center;;
  flex: 1;
}

.tip-comp-brandmerchants--name {
  display: block;;
  width: 100%;
  max-width: 6rem;
  color: #d6eaff;
  font-size: .2rem;
  font-weight: bold;
}

.tip-comp-brandmerchants--distance {
  position: relative;
  padding-right: .22rem;
  margin-left: .22rem;;
  color: #82a0cc;
  font-size: .24rem;
  line-height: .3rem;
}

.tip-comp-brandmerchants--distance::before {
  content: "";
  position: absolute;
  top: .07rem;
  right: 0rem;
  width: .12rem;
  height: .12rem;
  border-top: 1px solid #82a0cc;
  border-right: 1px solid #82a0cc;
  transform: rotate(45deg);
}

.tip-comp-brandmerchants--icon-addr {
  display: none;
}

.tip-comp-brandmerchants--remind {
  display: block;
  height: .65rem;
  margin-left: .3rem;
  line-height: .65rem;
}

.tip-comp-brandmerchants--remind a {
  display: block;
  width: 1.8rem;
  padding-left: .5rem;
  margin: auto;
  color: #fff;
  font-family: "GAMEFONT";
  font-size: .22rem;
  background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/pvp3.0/image/icon/icon-uncheck.png) no-repeat left center/.4rem .4rem;
}

.tip-comp-brandmerchants--remind.active a {
  background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/pvp3.0/image/icon/icon-check.png) no-repeat left center/.4rem .4rem;
}

.item-more {
  display: block;
  height: .65rem;
  color: #82a0cc;
  font-size: .28rem;
  line-height: .65rem;
  text-align: center;
  background: rgba(0, 0, 0, .2);
}

.item-more span {
  vertical-align: middle;
}

.item-more i {
  position: relative;
  display: inline-block;
  width: .12rem;
  height: .12rem;
  margin-left: 2px;;
  vertical-align: middle;
}

.item-more i::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: .12rem;
  height: .12rem;
  border-top: 1px solid #82a0cc;
  border-right: 1px solid #82a0cc;
  transform: rotate(45deg);
}

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

.tip-comp-dialog {
  width: 6.1rem;
  height: 3.44rem;
  padding: .3rem 0 0 .5rem;
  background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/pvp3.0/image/pop/pop-bg--s.png) no-repeat top center;
  background-size: contain;
}

.tip-comp-dialog--input-addr,
.tip-comp-dialog--notachieved,
.tip-comp-dialog--reward {
  width: 8.58rem;
  height: 5.14rem;
  padding: .3rem 0 0 .5rem;
  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--close {
  position: absolute;
  top: .4rem;
  right: .22rem;
  display: inline-block;
  width: .4rem;
  height: .4rem;
  text-indent: -1000rem;;
  vertical-align: middle;
  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;
}

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

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

  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
}

.tip-comp-dialog--title {
  padding-left: .4rem;
  color: #fff;
  font-family: "GAMEFONT";
  font-size: .34rem;
  letter-spacing: 0;
  text-align: left;
  text-shadow: 0 0 2px #3967b3;
}

.tip-comp-dialog--input-info-content {
  width: 80%;
  min-height: 4rem;
  padding-top: .22rem;
  margin: auto;
  text-align: center;
}

.tip-comp-dialog--input-info-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-around;;

  -ms-flex-pack: distribute;
}

.tip-comp-dialog--input-info-list p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0 .05rem .16rem;;
  color: #82a0cc;
  background: #112237;
  border: 1px solid #35669e;
}

.tip-comp-dialog--input-info-list label {
  padding-left: .1rem;;
  font-size: .24rem;
  line-height: .64rem;
  text-align: left;
}

.tip-comp-dialog--input-info-list input {
          box-sizing: border-box;
  width: 60%;
  height: .7rem;
  color: #82a0cc;
  font-size: .24rem;
  letter-spacing: 0;;
  vertical-align: middle;
  background: 0 0;
  border: none;

  -webkit-box-sizing: border-box;
}

.tip-comp-dialog--input-info-msg {
  padding-left: .1rem;;
  color: #82a0cc;
  font-size: .24rem;
  text-align: left;
}

.tip-comp-dialog--btn-cont {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0 0 .5rem;;
  margin: .34rem auto .4rem;

  -webkit-box-align: center;
  -webkit-box-pack: center;
  -ms-flex-align: center;
  -ms-flex-pack: center;
}

.tip-comp-dialog--btn-cont a {
  display: block;
  margin: 0 .08rem;
}

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

.tip-comp-dialog--input_phone-box input {
  display: block;
  width: 3.7rem;
  height: .5rem;
  margin: .35rem auto .22rem;
  color: #82a0cc;
  font-size: .26rem;
  letter-spacing: 0;
  text-align: center;;
  background: #112237;
  border: 1px solid #35669e;
}

.tip-comp-dialog--input_phone-msg {
  padding: 0 .4rem;;
  color: #82a0cc;
}

.tip-comp-dialog--input-qq-info {
  width: 6.1rem;
  height: 3.44rem;
}

.tip-comp-dialog--input-qq-content {
  width: 80%;
  min-height: 4rem;
  padding-top: .22rem;
  margin: auto;
  text-align: center;
}

.tip-comp-dialog--input-qq-box input {
  display: block;
  height: .7rem;
  margin: .5rem auto .22rem;
  color: #82a0cc;
  font-size: .26rem;
  letter-spacing: 0;
  text-align: center;;
  background: #112237;
  border: 1px solid #35669e;
}

.tip-comp-dialog--received-title {
  background: url(https://image-1251917893.file.myqcloud.com/2020/a20200423mahjong/sprites-pop-title.png) no-repeat;
  background-position: 50% -.13rem;;
  background-size: 8.08rem 8.64rem;
}

.tip-comp-dialog--received-content {
  width: 80%;
  min-height: 4rem;
  padding-top: .22rem;
  margin: auto;
  text-align: center;
}

.tip-comp-dialog--received-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;;
  padding: 0;

  -webkit-box-align: center;
  -ms-flex-align: center;
}

.tip-comp-dialog--received-img {
  width: 1.28rem;
  height: 1.28rem;
  margin-right: .1rem;
  border-radius: .08rem;
}

.pop-box .num-info {
  overflow: hidden;
  width: auto;;
  font-size: .24rem;
  letter-spacing: 0;
  text-align: left;
}

.tip-comp-dialog--received-name {
  color: #5569a2;
  font-size: .26rem;
  font-weight: 700;
  line-height: .4rem;
  text-align: left;
}

.tip-comp-dialog--notachieved-content {
  width: 80%;
  padding-top: .22rem;
  margin: auto;
  text-align: center;
}

.tip-comp-dialog--notachieved-prizesmsg-name {
  margin-top: .2rem;;
  color: #fff;
  font-family: "GAMEFONT";
  font-size: 12px;
}

.tip-comp-dialog--notachieved-useinfo {
  padding: 0 .4rem;;
  margin-top: .2rem;
  color: #82a0cc;
  font-size: .2rem;
  text-align: center;
}

.tip-comp-dialog--notachieved-box {
  width: 6rem;
  padding: .45rem .3rem .45rem;
  margin: .3rem auto 0rem;
  text-align: center;
  background: rgba(23, 49, 76, .4);
  box-shadow: inset 0 0 0 0 rgba(68, 114, 163, .2);
  border-radius: 2px;
}

.tip-comp-dialog--notachieved-progressdetail {
  margin: 0 auto .16rem;
  color: #d6eaff;
  font-size: .24rem;
}

.tip-comp-dialog--notachieved-progressbar {
  overflow: hidden;
  width: 45%;
  height: .04rem;
  margin: auto;;
  background: rgba(0, 0, 0, .5);
  border-radius: .02rem;
}

.tip-comp-dialog--notachieved-progressbar i {
  display: block;;
  height: 100%;
  background-image: linear-gradient(90deg, #8cb2e7 0%, #b5e2ff 100%);
  border-radius: .02rem;
}

.tip-comp-dialog--notachieved-btn {
  position: relative;
  z-index: 2;;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding: 0 0;
  margin: .3rem auto .1rem;
  margin: .34rem auto .4rem;

  -webkit-box-align: center;
  -webkit-box-pack: center;
  -ms-flex-align: center;
  -ms-flex-pack: center;
}

.tip-comp-dialog--reward .tip-comp-dialog--received-name {
  color: #fff;
  font-size: .24rem;
  line-height: .4rem;
}

.tip-comp-dialog--reward-content {
          box-sizing: border-box;
  overflow-y: auto;
  width: 90%;
  height: 4rem;
  min-height: auto;;
  padding-top: .22rem;
  margin: .2rem auto 0;
  text-align: center;

  -webkit-box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
}

.tip-comp-dialog--reward-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;;
  padding: 0;

  -webkit-box-align: center;
  -ms-flex-align: center;
}

.tip-comp-dialog--reward-img {
  width: 1rem;
  height: 1rem;
  margin-right: .1rem;
  border: 1px solid #35669e;
}

.tip-comp-dialog--reward-detalinfo {
  overflow: hidden;
  width: auto;
  font-size: .24rem;
  letter-spacing: 0;;
  text-align: left;
}

.tip-comp-dialog--reward-data {
  position: relative;
  margin-top: .1rem;;
  text-align: left;
}

.tip-comp-dialog--reward-data a {
  color: #b3cde8;
  font-size: .2rem;
  line-height: .34rem;
}

.tip-comp-dialog--reward-dividing-line {
  position: relative;
  margin: .15rem 0rem;;
  margin-bottom: .1rem;
  color: #b3cde8;
  font-size: .24rem;
  line-height: .34rem;
  text-align: left;
}

.tip-comp-dialog--reward-dividing-line::before {
  content: "";
  position: absolute;
  top: .16rem;
  right: 1px;
  width: 80%;
  height: 1px;
  background: #395d7e;
}

.tip-comp-dialog--reward-extragifts {
  position: relative;;
  padding: .22rem .34rem;
  margin-bottom: .24rem;
  background: rgba(23, 49, 76, .4);
  box-shadow: inset 0 0 0 0 rgba(68, 114, 163, .2);
  border-radius: 2px;
}

.tip-comp-dialog--reward-icon-limit {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: .34rem;
  height: .62rem;
  color: #fff;
  font-size: .22rem;
  text-align: center;
  text-indent: -1000em;;
  background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/pvp3.0/image/icon/icon-limited.png) no-repeat;
  background-size: 100% 100%;
}

.tip-comp-dialog--reward-subhead {
  color: #82a0cc;
  font-size: .2rem;
  line-height: .34rem;
  text-align: left;
}

.tip-comp-dialog--reward-goodinfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;;
  padding: 0;

  -webkit-box-align: center;
  -ms-flex-align: center;
}

.tip-comp-dialog--reward-goodimg {
  width: .72rem;
  height: .72rem;
  margin-right: .18rem;
}

.tip-comp-dialog--reward-baseinfo {
  overflow: hidden;
  width: auto;
  color: #d6eaff;
  font-size: .24rem;
  letter-spacing: 0;;
  text-align: left;
}

.tip-comp-dialog--reward-available a {
  color: #82a0cc;
  font-size: .2rem;
  text-decoration: none;
}

.tip-comp-dialog--reward-rule {
  position: relative;;
  padding-bottom: .45rem;
  margin: .1rem 0 0;
  color: #82a0cc;
  text-align: left;
}

.tip-comp-dialog--reward-rulebox {
  margin-top: .22rem;
}

.tip-comp-dialog--reward-rulebox li {
  padding-left: .22rem;
  margin-bottom: .05rem;;
  text-indent: -.2rem;
}

.tip-comp-dialog--received-btn {
  display: none;
}

.tip-comp-dialog--relation_wx {
  background: url(https://image-1251917893.file.myqcloud.com/2019/tip-WSQ/pop-glwx.png) no-repeat;
  background-size: 100% 100%;
}

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

.tip-comp-dialog--scan-code-subhead {
  margin-top: .22rem;
  font-size: .26rem;
  letter-spacing: 0;
  text-align: center;
}

.tip-comp-dialog--scan-code-img {
  width: 2.4rem;
  height: 2.4rem;
  padding: .08rem;
  margin-top: .22rem;
  background: #031226;;
  border-radius: .08rem;
}

.tip-comp-dialog--scan-code-text {
  color: #5569a2;
}

.tip-comp-dialog--scan-code-btn {
  display: none;
}

.tip-comp-dialog--prompt {
  width: 6.1rem;
  height: 3.44rem;
  min-height: auto;
  padding: .2rem 0 0 .5rem;
  background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/pvp3.0/image/pop/pop-bg--s.png) no-repeat top center;
  background-size: contain;
}

.tip-comp-dialog--prompt-box {
  margin: .4rem auto .4rem;
  text-align: center;
}

.tip-comp-dialog--notice-title {
  margin-bottom: .16rem;;
  color: #fff;
  font-family: "GAMEFONT";
  font-size: .24rem;
  line-height: .4rem;
}

.tip-comp-dialog--notice-text {
  color: #82a0cc;
  font-size: .2rem;
}

.tip-comp-dialog--prompt-btn {
  display: flex;
  justify-content: center;;
  margin: 0 .6rem;
}

.tip-comp-dialog--prompt-btn-cancel {
  display: block;
  width: 2.6rem;
  height: .7rem;
  margin: 0rem .1rem;;
  color: #fff;
  font-size: .26rem;
  line-height: .7rem;
  text-align: center;
  background: #9b9b9b;
  border-radius: 2px;
}

.tip-comp-dialog--prompt-btn-sure {
  display: block;
  width: 2.6rem;
  height: .7rem;
  margin: 0rem .1rem;;
  color: #fff;
  font-size: .26rem;
  line-height: .7rem;
  text-align: center;
  background-image: linear-gradient(90deg, #daa23a 1%, #ae6e2f 100%);
  border-radius: 2px;
}

.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%;
  z-index: 100;;
  width: 100%;
  height: 4rem;
  padding: 6% 0rem 2%;
  margin: 0rem;
  background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/pvp3.0/image/pop/pop-bg-banping.png) no-repeat center center;
  background-size: auto 100%;
  transform: translate(-50%, -50%);
}

.tip-comp-dialog--fullpage-content::before {
  content: "";
  position: absolute;
  top: -.5rem;
  right: 0;
  left: 0;
  width: 1.64rem;
  height: .38rem;
  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-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: .1rem 0rem 0rem;;
  text-align: center;
}

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

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

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

.tip-comp-dialog--fullpage-item::before {
  content: "";
  position: absolute;
  top: .1rem;
  left: .9rem;
  z-index: 30;
  display: block;
  width: .28rem;
  height: .28rem;
  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: 1.1rem;
  height: 1.1rem;
  margin: 0 auto;
  background-image: linear-gradient(0deg, #1d375b 0%, #13263d 100%);
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, .5);
  border: 1px solid #376faf;
  border-radius: 2px;
}

.tip-comp-dialog--fullpage-item span {
  display: block;
  display: -webkit-box;
  display: -webkit-box;
  overflow: hidden;
  width: 1.2rem;
  margin-top: .15rem;
  color: #d6eaff;
  font-size: .2rem;
  line-height: .28rem;
  text-overflow: ellipsis;

  -webkit-box-orient: vertical;;
  -webkit-line-clamp: 2;
}

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

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

.tip-comp-dialog--fullpage-btn .tip-comp-dialog--fullpage-cancel {
  width: 2.26rem;
  height: .58rem;
  background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/pvp3.0/image/btn/btn-large-secondary.png) no-repeat center center;
  background-size: contain;
}

.tip-comp-dialog--fullpage-btn .tip-comp-dialog--fullpage-sure {
  width: 2.26rem;
  height: .58rem;
  background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/pvp3.0/image/btn/btn-large-primary.png) no-repeat center center;
  background-size: contain;
}

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

.popup-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, .8);
}

.popup-explain-tip {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 8.54rem;
  height: 5.12rem;
  padding: 1.04rem .6rem .6rem 1.08rem;
  background: url(https://image-1251917893.file.myqcloud.com/2020/Tip-wsq/V3.0/img/dialog/dialog_medium_bg.png) no-repeat center center;
  background-size: contain;
}

.popup-explain-close {
  position: absolute;
  top: .24rem;
  right: 0;
  width: 1.96rem;
  height: .8rem;
  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;
}

.popup-explain-title {
  position: absolute;
  top: .34rem;
  left: .68rem;
  color: #82a0cc;
  font-family: "GAMEFONT";
  font-size: .26rem;
  text-shadow: 0 0 .04rem #3967b3;
}

.popup-explain-detail {
  overflow: hidden;
  overflow-y: auto;;
  color: #82a0cc;
  font-size: .2rem;
}

.popup-explain-detail p {
  margin-bottom: .3rem;
}