.gift{position:fixed; bottom:3.857rem; right:0; width:5.714rem; height: 5.714rem;z-index:3;}

.box{width:3.143rem; height:2.25rem; position:absolute; left:1.286rem; top:0.607rem; overflow:hidden;-webkit-animation:giftbox 7.4s; animation:giftbox 7.4s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; background:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/common/daka/css/images/box.png?v=1001) no-repeat 0 0; background-size:3.143rem 2.25rem;}

/*.chipPause{-webkit-animation-play-state:paused;animation-play-state:paused;}*/
.gaizi{width:3.143rem; opacity:0; height:2.25rem; left:1.464rem; top:1.423rem; position:absolute; overflow:hidden;-webkit-animation:giftgaizi 7.2s; animation:giftgaizi 7.2s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-delay:0.2s; animation-delay:0.2s; background:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/common/daka/css/images/gaizi.png?v=1001) no-repeat 0 0; background-size:3.143rem 2.52rem;}

.text{width:5.607rem; opacity:0; height:2.143rem; top:1.607rem; left:0; position:absolute; overflow:hidden; background:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/common/daka/css/images/text.png?v=1001) no-repeat 0 0; background-size:5.607rem; -webkit-animation:gifttext 6.6s; animation:gifttext 6.6s;-webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-delay:0.8s; animation-delay:0.8s;}

.pen{width:2rem; height:1.857rem; opacity:0; left:2.357rem; top:3.571rem;position:absolute; overflow:hidden; background:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/common/daka/css/images/pen.png?v=1001) no-repeat 0 0; background-size:2rem 1.857rem; -webkit-animation:pen 6.9s; animation:pen 6.9s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; z-index:2;-webkit-animation-delay:0.5s; animation-delay:0.5s;}
.tips{position:absolute; opacity:0; left:0; top:0; width:0.893rem; height:1rem; background:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/common/daka/css/images/tips.png?v=1001) no-repeat 0 0; background-size:0.893rem 1rem;-webkit-animation:tips 6.4s; animation:tips 6.4s;-webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;-webkit-animation-delay:1s; animation-delay:1s;}
.book{position:absolute; left:0.178rem; top:0.285rem; width:4.821rem; height:5.142rem; background:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/common/daka/css/images/book.png?v=1001) no-repeat 0 0; background-size:cover;-webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;-webkit-animation:book 4.4s; animation:book 4.4s;-webkit-animation-delay:3s; animation-delay:3s; opacity:0;}
.zuan1{position:absolute; left:1.714rem; top:1.428rem; width:0.642rem; height:0.678rem; background:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/common/daka/css/images/img_zuan.png?v=1001) no-repeat 0 0; background-size:cover;-webkit-animation:zuan1 4s; animation:zuan1 4s;-webkit-animation-delay:3.4s; animation-delay:3.4s;-webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; opacity:0;}

.zuan2{position:absolute; left:2.357rem; top:1.75rem; width:0.642rem; height:0.678rem; background:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/common/daka/css/images/img_zuan.png?v=1001) no-repeat 0 0; background-size:cover;-webkit-animation:zuan2 3.7s; animation:zuan2 3.7s;-webkit-animation-delay:3.7s; animation-delay:3.7s;-webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; opacity:0;}
/*===================== 店铺打卡图标  End =========================================*/


/*zgift*/
.zgift{width:21.425rem; height:23.785rem; margin-left:-2.3rem; margin-top:-6rem; position:relative;/* position: fixed; left:50%; top:50%; margin-left:-13.3925rem; margin-top:-13.3925rem;*/}
.zbox{position:absolute; width:9.678rem; height:5.75rem; left:8.464rem; top:8.678rem;background:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/common/daka/css/images/zbox.png?v=1001) no-repeat 0 0; background-size:cover;-webkit-animation:zbox 2.8s; animation:zbox 2.8s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; z-index: 3;}
.zbox-s{position:absolute; width:9.678rem; height:1.642rem; left:8.464rem; top:7.478rem;background:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/common/daka/css/images/box-s.png?v=1001) no-repeat 0 0; background-size:cover;-webkit-animation:zbox-s 2.8s; animation:zbox-s 2.8s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; z-index: 1;}
.zgaizi{position:absolute; width:11.071rem; height:7.0714rem; left:8rem; top:3.75rem;background:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/common/daka/css/images/zgaizi.png?v=1001) no-repeat 0 0; background-size:cover;-webkit-animation:zgaizi 2.8s; animation:zgaizi 2.8s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;  -webkit-transform:rotate(-11deg); transform:rotate(-11deg);z-index: 5;}
.zgaizi-s{position:absolute; width:9.928rem; height:3.321rem; left:8.4rem; top:7.71rem;background:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/common/daka/css/images/zgaizi-s.png?v=1001) no-repeat 0 0; background-size:cover;-webkit-animation:zgaizi-s 2.8s; animation:zgaizi-s 2.8s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;  -webkit-transform:rotate(-11deg); transform:rotate(-11deg); z-index: 1;}
.zcyy{position:absolute; width:11.071rem; height:1.25rem; left:8rem; top:13.892rem;background:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/common/daka/css/images/z-cyinying.png?v=1001) no-repeat 0 0; background-size:cover;-webkit-animation:zcyy 2.8s; animation:zcyy 2.8s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; z-index: 1;}

.zzuan{position:absolute; opacity:0; width:8.035rem; height:7.107rem; left:8.928rem; top:16rem;background:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/common/daka/css/images/zzuan.png?v=1001) no-repeat 0 0; background-size:cover;-webkit-animation:zzuan 2.77s; animation:zzuan 2.77s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;-webkit-animation-delay:0.03s; animation-delay:0.03s; z-index:2;}

.zzuanx{position:absolute; opacity:0; width:2.285rem; height:2.035rem; left:14.847rem; top:18.85rem;background:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/common/daka/css/images/zuanx.png?v=1001) no-repeat 0 0; background-size:cover;-webkit-animation:zzuanx 2.77s; animation:zzuanx 2.77s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;-webkit-animation-delay:0.03s; animation-delay:0.03s; z-index:2;}

.coupon{position:absolute; opacity:0; width:7.285rem; height:4.678rem; left:10.347rem; top:12.85rem;background:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/common/daka/css/images/coupon.png?v=1001) no-repeat 0 0; background-size:cover;-webkit-animation:coupon 2.77s; animation:coupon 2.77s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;-webkit-animation-delay:0.03s; animation-delay:0.03s; z-index:2;}

.zzuanl{position:absolute; opacity:0; width:1.5rem; height:1.571rem; left:9rem; top:21.57rem;background:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/common/daka/css/images/zuanl.png?v=1001) no-repeat 0 0; background-size:cover;-webkit-animation:zzuanl 2.27s; animation:zzuanl 2.27s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;-webkit-animation-delay:0.53s; animation-delay:0.53s; z-index:5;}

.zzuanxr{position:absolute; opacity:0; width:1.535rem; height:1.464rem; left:15.785rem; top:21.57rem;background:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/common/daka/css/images/zuanxr.png?v=1001) no-repeat 0 0; background-size:cover;-webkit-animation:zzuanxr 2.37s; animation:zzuanxr 2.37s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;-webkit-animation-delay:0.43s; animation-delay:0.43s; z-index:6}

.zzuanr{position:absolute; opacity:0; width:2.071rem; height:2.035rem; left:16.571rem; top:20.928rem;background:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/common/daka/css/images/zuanxl.png?v=1001) no-repeat 0 0; background-size:cover;-webkit-animation:zzuanr 2.37s; animation:zzuanr 2.37s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;-webkit-animation-delay:0.43s; animation-delay:0.43s; z-index:5;}/*右偏移212px*/

.zgclip{position:absolute; opacity:0; width:1.357rem; height:1.071rem; left:5.537rem; top:7.357rem;background:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/common/daka/css/images/clip1.png?v=1001) no-repeat 0 0; background-size:1.357rem 1.071rem;-webkit-animation:zgclip 2.8s; animation:zgclip 2.8s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;  z-index:5;}/*left:155px; top:264px;*/

.zpclip{position:absolute; width:1rem; height:1.071rem; left:5.892rem; top:9.857rem;background:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/common/daka/css/images/clip2.png?v=1001) no-repeat 0 0; background-size:1rem 1.071rem; -webkit-animation:zpclip 2.8s; animation:zpclip 2.8s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;  z-index:5; -webkit-transform:rotate(0deg); transform:rotate(0deg);
}/*left:165px; top:276px;*/

.zyclip{position:absolute; width:1rem; height:1.071rem; left:5.892rem; top:9.857rem;background:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/common/daka/css/images/clip2.png?v=1001) no-repeat 0 0; background-size:1rem 1.071rem; -webkit-animation:zpclip 2.8s; animation:zpclip 2.8s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;  z-index:5; -webkit-transform:rotate(0deg); transform:rotate(0deg);}

.svg{width:10.714rem; height:7.142rem;}

[daka] text{position:absolute; width:1rem; height:1.071rem; left:5.892rem; top:9.857rem;background:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/common/daka/css/images/clip2.png?v=1001) no-repeat 0 0; background-size:1rem 1.071rem; -webkit-animation:zpclip 2.8s; animation:zpclip 2.8s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;  z-index:5; -webkit-transform:rotate(0deg); transform:rotate(0deg);}

.yellow{opacity:0; position:absolute; width:1.214rem; height:1.321rem; left:5.892rem; top:9.857rem;background:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/common/daka/css/images/clip3.png?v=1001) no-repeat 0 0; background-size:cover; -webkit-animation:yellow 2.8s; animation:yellow 2.8s;  z-index:5;-webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;}

.rpclip{opacity:0; position:absolute; width:1rem; height:1.071rem; left:22.5rem; top:9.857rem;background:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/common/daka/css/images/clip2.png?v=1001) no-repeat 0 0; background-size:cover; -webkit-animation:rpclip 2.8s; animation:rpclip 2.8s;  z-index:5;-webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; }

.ryclip{opacity:0; position:absolute; width:1.214rem; height:1.321rem; left:20.525rem; top:7.892rem;background:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/common/daka/css/images/clip3.png?v=1001) no-repeat 0 0; background-size:cover; -webkit-animation:ryclip 2.8s; animation:ryclip 2.8s;  z-index:6; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;}

.layer{display:none;}
.gift-wrap{display:none; position:fixed; width:21.428rem; height:30.357rem; left:50%; top:50%; margin-top:-15.178rem; margin-left:-10.714rem; z-index:23;}

.cong{opacity:0; margin-bottom:1.428rem; -webkit-animation:cong 1s; animation:cong 1s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;-webkit-animation-delay:0.3s; animation-delay:0.3s; }
.cong p{ text-align:center; font-size:1.214rem; color:#ffffff;}
.cong p em{font-size:2.142rem; font-weight:700; color:#fa4b4b;}
.gift-wrap .btn{margin-bottom:1.6rem;}
.gift-wrap .btn a{display:block; height:2.857rem; line-height:2.857rem; text-align:center; color:#ffffff; width:46%; font-size:1.214rem; border-radius:3px;}
.gift-wrap .btn a.go{opacity:0;float:left; border:1px solid #ffffff; -webkit-animation:btnuse 1s; animation:btnuse 1s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;-webkit-animation-delay:0.3s; animation-delay:0.3s;}
.gift-wrap .btn a.btnuse{float:right;opacity:0; background:#ffc001; border:1px solid #ffc001; -webkit-animation:btnuse 1s; animation:btnuse 1s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;-webkit-animation-delay:0.3s; animation-delay:0.3s;}
.gift-wrap .gtips{opacity:0; text-align:center; font-size:1rem; color:#999999; -webkit-animation:btnuse 2s; animation:btnuse 2s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;-webkit-animation-delay:0.8s; animation-delay:0.8s;}


.moreout{height:7.142rem; margin-top:-3.571rem;}
.moreout p{height:2.7rem; text-align:center; font-size:0.934rem; padding:0 0.714em; margin-top:0.3rem; margin-bottom:0;}
.moreout p em{color:#f94d4b;}