@charset "utf-8";
html,body{ height: 100%;}
html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin: 0;padding: 0; }
body{-ms-text-size-adjust:none;-webkit-text-size-adjust:none;  }
a{-webkit-user-select:none; -webkit-user-drag:none; -webkit-tap-highlight-color:rgba(0,0,0,0); text-decoration: none; } 
em,i{ font-style: normal; }
img{max-width: 100%}
button{ border:0 none;}
ul,li{ list-style: none}
*{ box-sizing: border-box;}

.wz-fuli-btn{ display:block; height: 0.7rem; line-height: 0.7rem; text-align: center; font-size: 0.24rem; border-radius:2px;}
.wz-btn-primary,.wz-btn-invalid{text-align: center; font-size:0.28rem;color: #fff;border-radius: 2px;}
.wz-btn-primary{background-image: linear-gradient(90deg, #DAA23A 1%, #AE6E2F 100%);}
.wz-btn-invalid{background: #9B9B9B;}
.wz-btn-light{border: 1px solid #FF7800;border-radius: 2px;font-size:0.28rem;color: #FF7800;}

.t-overflow{ white-space: nowrap; text-overflow: ellipsis;word-break: break-all; overflow: hidden;}

.wz-preferentia-name{max-width:2.5rem;font-size:0.24rem; line-height: 0.34rem; color:#C6D4E8; display:block; margin-bottom: 0.04rem; white-space: nowrap; text-overflow: ellipsis;word-break: break-all; overflow: hidden;}
.wz-preferentia-reduce{max-width:2.5rem;font-size: 0.24rem; line-height: 0.34rem; color:#D49B38;white-space: nowrap; text-overflow: ellipsis;word-break: break-all; overflow: hidden;}

/*dialog*/
.dialog-wrap{ position: fixed; background: rgba(0,0,0,0.7); width: 100%; height: 100%; left: 0; top: 0; z-index: 99;}
.dialog-prizes,.dialog-prizes-fail,.dialog-prizes-get,.dialog-notice,.dialog-prizes-get-s,.dialog-wechart-sweep{position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.dialog-prizes{ width: 10rem; height: 5.6rem; background: url(https://image-1251917893.cos.ap-guangzhou.myqcloud.com/2019/tip-WSQ/pop-jpxq-large.png) no-repeat; background-size: 100% 100%; }
.dialog-prizes-fail{width: 6rem; height: 5rem; background: url(https://image-1251917893.cos.ap-guangzhou.myqcloud.com/2019/tip-WSQ/pop-lqsb.png) no-repeat; background-size: 100% 100%; }
.dialog-prizes-get{width: 6rem; height: 5.92rem; background: url(https://image-1251917893.cos.ap-guangzhou.myqcloud.com/2019/tip-WSQ/pop-gxhd.png) no-repeat; background-size: 100% 100%;}
.dialog-notice{width: 6rem; height:3.44rem; background: url(https://image-1251917893.cos.ap-guangzhou.myqcloud.com/2019/tip-WSQ/pop-ts.png) no-repeat; background-size: 100% 100%;}
.dialog-prizes-get-s{width: 6rem; height:3.86rem; background: url(https://image-1251917893.cos.ap-guangzhou.myqcloud.com/2019/tip-WSQ/pop-gxhd-s.png) no-repeat; background-size: 100% 100%;}
.dialog-fadein{z-index: 200; animation:dialogFadein 0.1s 0.2s linear both;}
.get-tips:before{ content: ""; width: 1.49rem; height: 0.52rem; position: absolute; top: 0.08rem; left: 2.24rem; background: url(https://image-1251917893.cos.ap-guangzhou.myqcloud.com/2019/tip-WSQ/title-ylq.jpg) no-repeat; background-size: 100% 100%; z-index: 1;}
.dialog-common-close{ width: 0.34rem; height: 0.32rem; display: block; position: absolute;z-index:100;  right: 0.2rem; top: 0.2rem; text-indent: -1000em; overflow: hidden;background: url(https://image-1251917893.cos.ap-guangzhou.myqcloud.com/2019/tip-WSQ/ico-close.png) no-repeat; background-size: 100% 100%;}
.wz-prizesmsg-wrap{ display: flex; margin: 0.98rem  0 0; padding: 0 0.32rem;}
.wz-prizes-img{ width: 1.12rem; height: 1.12rem; display: block; border:1px solid rgba(255,224,157,1); margin-right: 0.26rem;}
.wz-prizesmsg-name{ width: 100%;color: #C6D4E8; font-size: 0.28rem; line-height: 0.4rem; margin-bottom: 0.04rem; letter-spacing: -1px;}
.wz-prizesmsg-others{color: #647A97; font-size: 0.24rem; line-height: 0.34rem;letter-spacing: -1px;}
.wz-prizesmsg-others span{ display: inline-block; vertical-align: middle;}
.wz-prizesmsg-others span.t-overflow{ max-width: 1.7rem;}

.lq-fail-box{ width: 3.6rem; margin:0 auto 0.34rem;}
.dialog-prizes-fail{ box-sizing: border-box; padding-top: 1.12rem}
.dialog-prizes-fail .wz-prizesmsg-name,.dialog-prizes-fail .wz-prizesmsg-others{ width: auto; text-align: center}
.dialog-prizes-fail .wz-prizesmsg-box{ margin: 0.24rem 0 0.34rem; text-align: center}

.wz-prizesmsg-box .wz-progress-bar{width: 3rem; margin: 0.18rem auto 0.08rem;height:0.08rem;  border-radius: 0.04rem;background:#0F2039;display: block;}
.wz-prizesmsg-box .wz-progress-bar p{display:block;height:0.08rem;width:20%;border-radius: 0.04rem;background:#20B1E6;}
.wz-dialog-btnwrap{display: flex; margin: 0 0.6rem;}
.wz-dialog-btnwrap a{ flex: 1; margin: 0 0.2rem;}
.wz-prizes-get-wrap{ margin-top: 1.1rem;}
.dialog-prizes-get-s .wz-prizes-get-wrap{ margin-top: 1rem;}
.wz-prizes-get-wrap .wz-prizesmsg-wrap{ margin: 0.3rem 0; }
.send-info{font-size:0.24rem;color:#647A97}
.send-info span{color:rgba(255,224,157,1)}
.wz-prizes-more-title{ margin-top: 0.3rem; color: #647A97;font-size: 0.24rem; line-height: 0.34rem; text-align: center; font-weight: normal;}
.wz-prizes-more-title span{ display: inline-block; position: relative; vertical-align: middle;}
.wz-prizes-more-title span:before,.wz-prizes-more-title span:after{ content: "";display: inline-block; vertical-align: middle; width: 1.2rem; height: 1px; background: #233756;}
.wz-more-title span:before{ margin-right: 0.36rem;}
.wz-prizes-more-title span:after{ margin-left: 0.36rem;}
.wz-prizes-more-title span:before{margin-right:0.36rem}
.wz-prizesmsg-others-tips{color:#D49B38;font-size:0.24rem;line-height:0.34rem}
.wz-dialog-notice-wrap{ margin: 1.04rem auto 0.4rem; text-align: center}
.wz-notice-msg-1{color: #C6D4E8; font-size: 0.28rem; line-height: 0.4rem; margin-bottom: 0.16rem;}
.wz-notice-msg-2{color: #647A97; font-size: 0.24rem; line-height: 0.34rem;}

.wz-subscribe{text-align:center;font-size:0.24rem;color:#647A97;line-height:0.24rem;margin-top:0.16rem}
.checkbox +label{cursor:pointer;position:relative;width:0.24rem;height:0.24rem;display:inline-block;vertical-align:middle;border:1px solid #5F7B9A}
.checkbox:checked +label::before{display:block;content:"\2713";text-align:center;font-size:0.16rem;line-height:0.24rem;color:#C6D4E8;margin-right:0 auto;}
input[type=checkbox]{visibility:hidden}


/*奖品详情视觉更新20200423*/
.dialog-prizes .wz-prizesmsg-wrap{ display: inline-block; vertical-align: top; width: 3.4rem; margin-top: 1.3rem;}
.dialog-prizes .wz-prizesmsg-wrap .wz-prizes-img{ margin: 0 auto 0.16rem;}
.dialog-prizes .wz-prizesmsg-wrap .wz-prizesmsg-name{ width:1.4rem;margin: 0 auto 0.32rem; text-align: center;}
.dialog-prizes .wz-prizesmsg-wrap .wz-prizesmsg-others{width:2rem;margin: 0 auto; display: block;text-align: center}
.dialog-prizes .wz-prizesmsg-box{display: flex;}
.wz-prizes-sm{ margin: 1.1rem 0.24rem 0;display: inline-block; vertical-align: top;width: 6rem;}
.label-xl{ width: 0.6rem; height: 0.32rem; position: absolute; top: 0; right: 0; background: url(https://image-1251917893.cos.ap-guangzhou.myqcloud.com/2019/tip-WSQ/label-xl.jpg) no-repeat; background-size: 100% 100%; text-indent: -1000em; overflow: hidden;}
.wz-prizesmsg-box{ padding: 0.22rem 0.34rem; margin-bottom: 0.24rem; background: #1B3253;border-radius: 2px; position: relative}
.wz-prizesmsg-box .wz-prizesmsg-others{ margin-bottom: 0.12rem;}
.wz-flex-box{display: flex;}
.wz-prizes-img-s{width: 0.72rem; height: 0.72rem; display: block; border:1px solid rgba(255,224,157,1); margin-right: 0.18rem;}
.wz-prizes-name-s{color: #C6D4E8; font-size: 0.24rem; line-height: 0.34rem; margin-bottom: 0.08rem;}
.wz-prizes-oth-tips{ font-size: 0.2rem; line-height: 0.28rem; color: #647A97;}
.wz-prizesmsg-content{ overflow-y: auto;color: #647A97;font-size: 0.24rem; line-height: 0.34rem;}
.wz-prizesmsg-content p{ margin-bottom: 0.08rem;}

.dialog-prizes .wz-prizesmsg-content{height: 4rem;}

.wz-prizes-limited-img{ width: 0.72rem;height: 0.72rem; background: #fff; margin-right:0.16rem; }
.wz-prizes-limited-img img{width: 0.72rem;height: 0.72rem;display: block;}
.wz-prizes-limited-msg{flex: 1; max-width: 4.6rem;}
.wz-prizes-limited-top{ padding-bottom: 0.16rem; border-bottom: 1px solid #233756;}
.wz-prizes-limited-top p{color: #C6D4E8; font-size: 0.24rem; line-height: 0.32rem;}
.wz-prizes-img-list{position: relative; padding-top: 0.16rem;}
.wz-prizes-img-list img{width: 0.56rem;height: 0.56rem; margin: 0 0.1rem 0.1rem 0; display: inline-block;vertical-align: top;}
.wz-img-hovertips{ width: 4.2rem; padding: 0.2rem 0.18rem; display: flex;position: absolute;top: 0.82rem; left: 0;background: rgba(42,37,29,0.90); border-radius: 0.08rem;}
.wz-prizes-img-list .wz-img-hovertips img{ width: 0.8rem;height: 0.8rem; margin: 0 0.1rem 0 0; display: block;}
.wz-img-hovertips-text{max-width: 2.8rem;}
.wz-img-hovertips-text p{font-size: 0.2rem; line-height: 0.24rem;color: #fff; margin-bottom: 0.08rem;}
.wz-img-hovertips-text span{font-size: 0.2rem; line-height: 0.24rem;color: #9B9B9B;}

/*animation*/
.roll-light{width: 9.7rem;width: 9.7rem;position: absolute;top: 50%;left: 50%;margin: -4.85rem 0 0 -4.85rem;z-index: 90;animation:rotateLight 0.4s linear both;}
@keyframes rotateLight {   
	0% {
		opacity: 0;
		transform : rotate(0deg);
	} 
	60% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		transform : rotate(180deg);
	} 
}
@keyframes dialogFadein {   
	0% {
		opacity: 0;
	} 
	100% {
		opacity: 1;
	} 
}
/*奖品详情视觉更新20200423*/




/*start-全屏弹框(恭喜你获得+你已领取过)    data:20200724 */
.congratulation{transform: scale(1.3);}
/* .dialog-wrap{position:fixed;top:0;left:0;z-index:99;width:100%;height:100%;background:rgba(0,0,0,.7)} */
.congratulation .dialog-prizes-get-s{width:100%;height:3.6rem;background:url(https://image-1251917893.cos.ap-guangzhou.myqcloud.com/2019/a20191014IngameMerchant/20200723/d-h_bg.png) no-repeat center center;background-size:auto 100%;position:relative;padding:6% 0rem 2%;margin:0rem;position:relative;z-index:100}
.congratulation.pop-received .dialog-prizes-get-s::before{content:"";position:absolute;left:0;right:0;top:-0.5rem;width:1.64rem;height:0.38rem;margin:auto;background:url(https://image-1251917893.cos.ap-guangzhou.myqcloud.com/2019/a20191014IngameMerchant/20200723/d-title-get.png) no-repeat center center;background-size:auto 100%}
.congratulation.received-bg .dialog-prizes-get-s::before{content:"";position:absolute;left:0;right:0;top:-0.5rem;width:1.64rem;height:0.38rem;margin:auto;
    background:url(https://image-1251917893.cos.ap-guangzhou.myqcloud.com/2019/a20191014IngameMerchant/20200723/d-title-overlq.png) no-repeat center center;background-size:auto 100%}
.wz-prizes-get-wrap{z-index:3}
.congratulation .wz-prizesmsg-wrap{display:flex;flex-direction:column;align-items:center;text-align:center;margin:0.1rem 0rem 0rem}
.congratulation .wz-prizesmsg-wrap{display:flex;padding:0 .32rem;flex-direction:column;align-items:center;text-align:center;margin:0.1rem 0rem 0rem}
.wz-prizesmsg-imgList{width:100%;display:flex;justify-content:center}
.congratulation .wz-prizesmsg-wrap .limit-time{position:relative;margin:0rem 0.4rem}
/* .congratulation .wz-prizesmsg-wrap .limit-time::before{display:block;content:'';width:.32rem;height:.32rem;position:absolute;right:.1rem;top:.1rem;z-index:30;background:url(https://image-1251917893.cos.ap-guangzhou.myqcloud.com/2020/a20200414privilege_peacegame/icon-limit-time.png) repeat bottom center;background-size:100% auto} */
.congratulation .wz-prizesmsg-wrap .wz-prizes-img{width:1.1rem;height:1.1rem;margin:0 auto;border:1px solid rgba(55,111,175,1);background-image:linear-gradient(0deg,#1D375B 0%,#13263D 100%);box-shadow:0 0 2px 0 rgba(0,0,0,0.50);border-radius:2px}
.limit-time span{display:block;font-size:0.24rem;line-height:0.3rem;margin-top:0.15rem;color:#FFFFFF;width:1.2rem;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.congratulation .wz-dialog-btnwrap{display:flex;font-weight:bold;width:4.4rem;height:.72rem;margin:auto;position:absolute;left:0;right:0;bottom:-1rem}
.congratulation .wz-dialog-btnwrap a{display:inline-block;width:2rem;font-size:0.24rem;font-weight:normal;height:0.54rem;line-height:0.54rem;text-align:center;color:#fff;background:url(https://image-1251917893.cos.ap-guangzhou.myqcloud.com/2019/a20191014IngameMerchant/20200723/d-btn-blue200.png) no-repeat center center;background-size:100% auto}
.congratulation .wz-dialog-btnwrap a.wz-btn-primary{background:url(https://image-1251917893.cos.ap-guangzhou.myqcloud.com/2019/a20191014IngameMerchant/20200723/d-btn-yellow200.png) no-repeat center center;background-size:100% auto}
/*end- 全屏弹框(恭喜你获得+你已领取过)    data:20200724 */

/**
  state： start
  info: 添加扫码关联微信号弹框
  data:2020-09-01
*/
.tip-comp-dialog {
    width: 6rem;
    height: 5rem;
    overflow: hidden;
    position: fixed;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 99;
    color: #5569a2;
    margin: auto;
    text-align: center;
    min-height: 5.2rem;
    padding: 0 .34rem .34rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  
}
.tip-comp-dialog-relation_wx{
	background: url(https://image-1251917893.cos.ap-guangzhou.myqcloud.com/2019/tip-WSQ/pop-glwx.png) no-repeat;
    background-size: 100% 100%;
}
.tip-comp-dialog-title {
    height: .7rem;
    line-height: .7rem;
    margin: .05rem auto 0;
    text-indent: -10000px;
}
.tip-comp-dialog-code_enter-content {
    width: 80%;
    margin: auto;
    min-height: 4rem;
    padding-top: .2rem;
    text-align: center;
}

.tip-comp-dialog-code_enter-subhead {
    margin-top: .2rem;
	font-size: 0.28rem;
	color: #C6D4E8;
	letter-spacing: 0;
	text-align: center;
}
.tip-comp-dialog-code_enter-subhead span {
	color: #cf4204;
}
.tip-comp-dialog-code_enter-img {
    margin-top: .2rem;
    width: 2.6rem;
    height: 2.6rem;
	border-radius: .08rem;
	padding:0.08rem;
	background: #031226;
}

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

/*特权卡引导弹窗 data: 2020-10-22*/
.privilegecard-tips-wrap{
	position: relative;
	width: 100vw;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
	background: rgba(0,0,0,0.6);
}

.privilegecard-tips-wrap:before{
	content: "";
	position: absolute;
	top: 1.98rem;
	left: 0;
	width: 1.24rem;
	height: 3.04rem;
	background: url(https://image-1251917893.cos.ap-guangzhou.myqcloud.com/2019/tip-WSQ/privilege-card/privilege-tips/privilege-tips-right.png) no-repeat;
	background-size: 100% 100%;
}

.privilegecard-tips-wrap:after{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 0.82rem;
	height: 5.82rem;
	background: url(https://image-1251917893.cos.ap-guangzhou.myqcloud.com/2019/tip-WSQ/privilege-card/privilege-tips/privilege-tips-righttop.png) no-repeat;
	background-size: 100% 100%;
}

.privilegecard-tips{
	width: 12.26rem;
	height: 6.9rem;
	padding: 5.4rem 0 0 6.7rem;
	background: url(https://image-1251917893.cos.ap-guangzhou.myqcloud.com/2019/tip-WSQ/privilege-card/privilege-tips/privilege-tips-bg.png) no-repeat;
	background-size: 100% 100%;
	overflow: hidden;
}

.privilegecard-tips-btn{
	width: 2.4rem;
	height: 0.7rem;
	display: block;
	text-indent: -1000em;
	overflow: hidden;
	background: url(https://image-1251917893.cos.ap-guangzhou.myqcloud.com/2019/tip-WSQ/privilege-card/privilege-tips/privilege-tips-btn.png) no-repeat;
	background-size: 100% 100%;
}

/**
  state：end
  info: 添加扫码关联微信号弹框
  data:2020-09-01
*/
/* 已订阅福利弹窗 */
.popup-main {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 8.54rem;
    max-height: 5.12rem;
    padding-top: .96rem;
    padding-bottom: .5rem;
    background: url(https://image-1251917893.file.myqcloud.com/2020/Tip-wsq/V3.0/img/dialog/dialog_medium_bg.png) no-repeat top center;
    background-size: 100% auto;
}
.popup-empty {
    height: 5.12rem;
    padding-left: .5rem;
}
.popup-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;
    background-size: contain;
}
.popup-title {
    position: absolute;
    top: .34rem;
    left: .68rem;
    font-size: .26rem;
    color: #fff;
    text-shadow: 0 0 .04rem #3967b3;
}
.popup-content {
    display: flex;
    flex-wrap: wrap;
    width: 7.28rem;
    height: 100%;
    margin-left: .56rem;
    overflow-y: auto;
}

.popup-empty-img {
    display: block;
    width: 1.64rem;
    height: 2.02rem;
    margin: .8rem auto -.46rem;
}
.popup-empty-text {
    font-size: .2rem;
    color: #82a0cc;
}
.popup-empty-wrap {
    margin-top: -.4rem;
}

.popup-empty-btn-wrap {
    position: absolute;
    bottom: .32rem;
    left: .5rem;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.popup-empty-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.24rem;
    height: .56rem;
    font-size: .28rem;
    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 center;
    background-size: contain;
}

.popup-empty .popup-content {
    flex-wrap: nowrap;
    width: auto;
    margin-left: 0;
    overflow: hidden;
}

.popup-item {
    margin-bottom: .16rem;
    margin-right: .08rem;
}
.popup-item:last-child,
.popup-item:nth-child(4n) {
    margin-right: 0;
}
.item-content {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-end;
    width: 1.76rem;
    height: 2rem;
    background: url(https://image-1251917893.file.myqcloud.com/2019/tip-WSQ/privilege-card/popup/shop-bg.png) no-repeat center;
    background-size: contain;
    padding-bottom: .16rem;
}
.discount-img {
    display: block;
    width: .84rem;
    height: .84rem;
    margin-bottom: .12rem;
}
.item-discount {
    width: 100%;
    padding: 0 .2rem;
    text-align: center;
    font-size: .2rem;
    color: #d6eaff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}
.barnd-info {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 .2rem;
    margin-top: .06rem;
    overflow: hidden;
}
.brand-img {
    width: .32rem;
    height: .32rem;
    margin-right: .1rem;
}
.brand-name {
    text-align: center;
    font-size: .18rem;
    color: #82a0cc;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}
.item-btn,
.go-look {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.76rem;
    height: .48rem;
    font-size: .26rem;
    color: #b0d3fd;
    background: url(https://image-1251917893.file.myqcloud.com/2020/Tip-wsq/V3.0/img/btn/secondary_medium_btn_bg.png) no-repeat center;
    background-size: 100% 100%;
}
.item-btn.out-btn,
.item-btn.not-line,
.item-btn.got-btn {
    background: url(https://image-1251917893.file.myqcloud.com/2020/Tip-wsq/V3.0/img/btn/disabled_medium_btn_bg.png) no-repeat center;
    background-size: 100% 100%;
}
.item-more{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    display: block;
    content: '';
    width: .82rem;
    height: .94rem;
    background: url(https://image-1251917893.cos.ap-guangzhou.myqcloud.com/2019/tip-WSQ/privilege-card/popup/more.png) no-repeat center;
    background-size: contain;
}
.popup-bottom-wrap {
    position: absolute;
    left: .86rem;
    right: .4rem;
    bottom: .16rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.popup-bottom-wrap p {
    font-size: .18rem;
    color: #82a0cc;
}
.popup-bottom-wrap p a {
    color: #d6a256;
}
/* 提示弹窗 */
.popup-tip {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 6.6rem;
    height: 3.44rem;
    padding-top: 51px;
    padding-bottom: 15px;
    background: url(https://image-1251917893.cos.ap-guangzhou.myqcloud.com/2019/tip-WSQ/privilege-card/popup/popup-small-bg.png) no-repeat center;
    background-size: contain;
}
.popup-tip-title {
    position: absolute;
    top: .26rem;
    left: .66rem;
    width: .88rem;
    height: .6rem;
    background: url(https://image-1251917893.cos.ap-guangzhou.myqcloud.com/2019/tip-WSQ/privilege-card/popup/popup-tip-title.png) no-repeat center;
    background-size: contain;
}
.popup-tip-primary {
    font-size: .24rem;
    color: #d6eaff;
}
.popup-tip-desc {
    font-size: .2rem;
    color: #89b3ea;
    margin-top: .24rem;
}
.popup-tip-btn {
    position: relative;
    display: block;
    width: 2.32rem;
    height: .64rem;
    background: url(https://image-1251917893.cos.ap-guangzhou.myqcloud.com/2019/tip-WSQ/privilege-card/popup/btn-highlight-bg.png) no-repeat center;
    background-size: contain;
    margin-top: .64rem;
}
.popup-tip-btn::after {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    display: block;
    content: '';
    width: 1.1rem;
    height: .36rem;
    background: url(https://image-1251917893.cos.ap-guangzhou.myqcloud.com/2019/tip-WSQ/privilege-card/popup/more-btn.png) no-repeat center;
    background-size: contain;
}

/* 回流礼动效 S */
.popup-wrap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .8);
    z-index: 99;
}
/* 开启宝箱动效 */
.close-box {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
}
.close-box-img {
    width: 3.2rem;
    height: 3.2rem;
    animation: openBox .57s 0s ease-in-out both;
    -webkit-animation: openBox .57s 0s ease-in-out both;
}

@keyframes openBox {
    0% {
        opacity:0;
        transform: translateY(70px) rotate(0) scale(1,1);
    }
    20% {
        opacity: .8;
        transform: translateY(35px) rotate(0) scale(.95,.8);
    }
    40% {
        opacity: 1;
        transform: translateY(0px) rotate(-3deg) scale(.95,.8);
    }
    50% {
        opacity: 1;
        transform: translateY(0px) rotate(0) scale(.95,.8);
    }
    60% {
        opacity: 1;
        transform: translateY(0) rotate(3deg) scale(.95,.8);
    }
    80% {
        opacity: 1;
        transform: translateY(0) rotate(0) scale(1,1);
    }
    100% {
        opacity: 0;
        transform: translateY(0) rotate(0deg) scale(1,1);
    }
}
@-webkit-keyframes openBox {
    0% {
        opacity:0;
        transform: translateY(70px) rotate(0) scale(1,1);
    }
    20% {
        opacity: .8;
        transform: translateY(35px) rotate(0) scale(.95,.8);
    }
    40% {
        opacity: 1;
        transform: translateY(0px) rotate(-3deg) scale(.95,.8);
    }
    50% {
        opacity: 1;
        transform: translateY(0px) rotate(0) scale(.95,.8);
    }
    60% {
        opacity: 1;
        transform: translateY(0) rotate(3deg) scale(.95,.8);
    }
    80% {
        opacity: 1;
        transform: translateY(0) rotate(0) scale(1,1);
    }
    100% {
        opacity: 0;
        transform: translateY(0) rotate(0deg) scale(1,1);
    }
}
.open-box {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -1.6rem;
    margin-top: -1.6rem;
    width: 3.2rem;
    height: 3.2rem;
    z-index: 101;
    animation: fadeIn .03s 0.5s linear both;
    -webkit-animation: fadeIn .03s 0.5s linear both;
}
.open-box-tip {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-44%, -50%);
    font-size: .32rem;
    font-family: 'Microsoft YaHei';
    color: #fff;
    font-weight: 600;
    z-index: 103;
    animation: fadeInUpBig .12s .09s ease-out both;
    -webkit-animation: fadeInUpBig .12s .09s ease-out both;
    -webkit-transform: translate(-44%, -50%);
    -moz-transform: translate(-44%, -50%);
    -ms-transform: translate(-44%, -50%);
    -o-transform: translate(-44%, -50%);
}
@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translate(-44%,2rem);
    }

    to {
        opacity: .8;
        transform: translate(-44%,1.6rem);
    }
}
@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translate(-44%,2rem);
    }

    to {
        opacity: .8;
        transform: translate(-44%,1.6rem);
    }
}
.open-light {
    position: fixed;
    width: 6.4rem;
    height: 6.4rem;
    top: 50%;
    left: 50%;
    margin: -3.2rem 0 0 -3.2rem;
    text-indent: -1000em;
    overflow: hidden;
    background: url(https://image-1251917893.cos.ap-guangzhou.myqcloud.com/2019/tip-WSQ/privilege-card/dialog/privilege-light.png) no-repeat;
    background-size: contain;
    animation: box-light-rotate 3s .03s linear  both;
    -webkit-animation: box-light-rotate 3s .03s linear  both;
}

@keyframes box-light-rotate {
    from {
        opacity: 0;
        transform: rotate(0) scale(.6);
    }

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

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

    to {
        opacity: 0;
        transform: rotate(-360deg) scale(1);
    }
}
@-webkit-keyframes box-light-rotate {
    from {
        opacity: 0;
        transform: rotate(0);
    }

    to {
        opacity: 1;
        transform: rotate(-360deg);
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* 已领取&恭喜获得弹窗动效 */
.animation-height {
    height: 100%;
}
.box-animation {
    animation: fadeInBox .3s 0s ease-in-out both;
    -webkit-animation: fadeInBox .3s 0s ease-in-out both;
}

@keyframes fadeInBox {
    0% {
        opacity: 0;
        transform: scale(.9);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}
/* 回流礼动效 E */


/* 小程序扫码S */
.dialog-wechart-sweep{
    width: 6rem;
    height: 5rem;
    text-align: center;
    background: url(https://image-1251917893.cos.ap-guangzhou.myqcloud.com/2019/tip-WSQ/pop-wxsm.png) no-repeat;
    background-size: 100% 100%;
}
.dialog-wechart-sweep-title{
  font-family: FZZZHONGJW--GB1-0;
  position: absolute;
  top:0;
  z-index:90;
  width: 100%;
  height: 0.7rem;
  line-height: .7rem;
  font-size: 0.32rem;
  color: #D4EEFB;
  text-align: center;
  text-shadow: 0 0 2px rgba(230,223,251,0.37);
}
.dialog-wechart-sweep-box img{
   display: block;
   width: 2.6rem;
   height: 2.6rem;
   margin: 1.1rem auto 0.2rem;
   background: #031226;
}
.dialog-wechart-sweep-text{
  color: #C6D4E8;
  font-size: 0.28rem;
  line-height: 0.4rem;
  margin-bottom: 0.04rem;
}
.dialog-wechart-sweep-link{  
     display: block; 
     font-size: 0.24rem;
     color: #4A71C2;
  }
/* 小程序扫码E */