@charset "utf-8";.fixed-gift-icon-rk{position:fixed;bottom:360px;width:100%;max-width:1200px;height:0;z-index:9999;left:50%;transform:translatex(-50%);-moz-transform:translatex(-50%);-o-transform:translatex(-50%);-webkit-transform:translatex(-50%);-ms-transform:translatex(-50%)}.fixed-gift-icon{position:absolute;right:-150px;bottom:0;width:112px;height:112px}.fixed-gift-icon img{width:100%;height:100%}.fixed-gift-icon .bar{position:absolute;height:18px;background:#fff;border-radius:9px;left:13px;right:14px;bottom:12px;padding:2px;border:1px solid #f84440;box-sizing:border-box}.fixed-gift-icon .bar i{display:block;height:12px;background:#f84440;border-radius:6px}.outbox-bg{position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.6)}.outbox-gift{position:fixed;left:0;right:0;top:0;bottom:0;z-index:10001}.outbox-gift-in{position:fixed;left:0;right:0;top:0;bottom:0}.outbox-gift img{width:100%}.outbox-gift .gift-opt{position:absolute;left:0;right:0;height:470px;top:50%;margin-top:-215px}.outbox-gift .gift-tit{font-size:22px;line-height:30px;color:#fff;font-weight:600;text-align:center}.outbox-gift .gift-btn-box{position:absolute;bottom:0;left:0;right:0}.outbox-gift .gift-btn{width:225px;height:45px;line-height:45px;font-size:21px;color:#fff;font-weight:700;text-align:center;background:#df2f30;border-radius:2px;margin:0 auto;cursor:pointer}.outbox-gift .gift-close{width:45px;height:45px;background:url(/uploads/image/seeolsimages/gift_close.png) no-repeat;background-size:100%;margin:40px auto 0;cursor:pointer}.outbox-gift .gift-box{position:relative;width:201px;height:147px;position:absolute;left:50%;top:50%;margin:-92px 0 0 -100px}.outbox-gift .gift-cover{position:absolute;left:0;top:0;width:100%;height:100%;background:url(/uploads/image/seeolsimages/gift_box_bottom_cover.png) no-repeat;background-size:100% 100%}.gift-box-bottom{position:relative;width:201px;height:147px;overflow:hidden}.gift-box-cover{position:absolute;width:211px;height:138px;top:-10px;left:-5px;z-index:9}.gift-box-cover .cover-main{position:relative;overflow:hidden;width:100%;height:100%}.gift-box-cover .gift-cover{background:url(/uploads/image/seeolsimages/gift_box_cover_cover.png) no-repeat;background-size:100% 100%}.gift-box-cover .gift-cover-pd{position:absolute;left:16px;top:0;width:210px;height:122px;background:url(/uploads/image/seeolsimages/gift_box_cover_pd.png) no-repeat;background-size:100% 100%}.gift-box-cover .gift-logo{position:absolute;left:0;top:42px;width:168px;height:97px}.gift-box-cover .gift-logo img{width:100%;height:100%}.gift-imga{width:100%;height:100%}.gift-imga i{position:absolute;background:currentcolor}.gift-imga i:nth-child(1){width:158px;height:105px;bottom:0;left:1px}.gift-imga i:nth-child(2){width:158px;height:42px;top:0;left:22px;transform:skew(-45deg);-moz-transform:skew(-45deg);-webkit-transform:skew(-45deg);-ms-transform:skew(-45deg)}.gift-imga i:nth-child(3){width:42px;height:105px;bottom:20px;right:1px;transform:skewy(-45deg);-moz-transform:skewy(-45deg);-webkit-transform:skewy(-45deg);-ms-transform:skewy(-45deg)}.gift-imgb{width:100%;height:100%}.gift-imgb i{position:absolute;background:currentcolor}.gift-imgb i:nth-child(1){width:168px;height:97px;bottom:0;left:1px}.gift-imgb i:nth-child(2){width:172px;height:42px;top:0;left:19px;transform:skew(-42deg);-moz-transform:skew(-42deg);-webkit-transform:skew(-42deg);-ms-transform:skew(-42deg)}.gift-imgb i:nth-child(3){width:41px;height:97px;bottom:21px;right:1px;transform:skewy(-45deg);-moz-transform:skewy(-45deg);-webkit-transform:skewy(-45deg);-ms-transform:skewy(-45deg)}.out-quan{position:fixed;left:0;right:0;top:0;bottom:0;z-index:9}.out-quan .quan-con{position:absolute;width:280px;left:50%;top:50%;margin:-280px 0 0 -140px}.out-quan .quan-con>img{width:100%;height:100%}.out-quan .con{position:absolute;top:90px;left:40px;right:40px;text-align:center}.out-quan .con .t{font-size:22px;line-height:32px;color:#f02b26;font-weight:700;max-width:200px;margin:0 auto;padding-top:40px}.out-quan .txt{position:absolute;top:250px;left:40px;right:40px;text-align:center}.out-quan .txt p{font-size:11px;line-height:16px;color:#d08750;margin-top:7px}.out-quan .txt p:first-child{margin-top:0}.out-quan .opt{position:absolute;left:0;right:0;margin-top:30px}.out-quan .opt .btn{display:block;width:225px;height:45px;line-height:45px;font-size:21px;color:#fff;font-weight:700;text-align:center;background:#e5a35b;border-radius:2px;margin:0 auto;cursor:pointer}.out-quan .opt .close{position:relative;right:0;top:0;display:block;width:45px;height:45px;background:url(/uploads/image/seeolsimages/gift_close.png) no-repeat;background-size:100%;margin:40px auto 0;cursor:pointer}.out-quan .con .price{font-size:50px;color:#f02b26;line-height:60px;font-family:din;margin-top:20px}.out-quan .con .price em{font-style:normal;font-size:28px;vertical-align:5px;padding:0 5px;font-weight:700}.out-quan .quan-con.hb .con .t{font-size:18px;line-height:23px;color:#6c3728;font-weight:400;padding-top:0}.out-quan .quan-con.pic{padding:15px 0}.out-quan .img-box{width:280px;background:#ffc791;box-shadow:0 0 15px 0 rgba(0,0,0,.24);margin:0 auto;border-radius:10px;padding:10px}.out-quan .img-box img{width:100%;height:100%;border-radius:5px;box-shadow:0 0 7px 0 rgba(160,45,45,.5)}.out-quan .quan-con.pic .opt{bottom:-50px}.outbox-gift .guang{position:absolute;left:50%;top:50%;margin:-250px 0 0 -250px;width:500px;height:500px;background:#fff;border-radius:100%;box-shadow:0 0 80px 80px #fff;z-index:10;pointer-events:none}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.delay500{-webkit-animation-delay:.5s;animation-delay:.5s}.delay1000{-webkit-animation-delay:1s;animation-delay:1s}.delay1500{-webkit-animation-delay:1.5s;animation-delay:1.5s}.delay1800{-webkit-animation-delay:1.8s;animation-delay:1.8s}.delay2000{-webkit-animation-delay:2s;animation-delay:2s}.delay2200{-webkit-animation-delay:2.2s;animation-delay:2.2s}.delay2500{-webkit-animation-delay:2.5s;animation-delay:2.5s}.delay2600{-webkit-animation-delay:2.6s;animation-delay:2.6s}.delay2700{-webkit-animation-delay:2.7s;animation-delay:2.7s}.delay2800{-webkit-animation-delay:2.8s;animation-delay:2.8s}.delay3000{-webkit-animation-delay:3s;animation-delay:3s}.delay3200{-webkit-animation-delay:3.2s;animation-delay:3.2s}.delay4000{-webkit-animation-delay:4s;animation-delay:4s}.delay5000{-webkit-animation-delay:5s;animation-delay:5s}@-webkit-keyframes fadein{0%{opacity:0}100%{opacity:1}}@keyframes fadein{0%{opacity:0}100%{opacity:1}}.fadein{-webkit-animation-name:fadein;animation-name:fadein}@-webkit-keyframes fadeinbg{0%{opacity:.1}100%{opacity:1}}@keyframes fadeinbg{0%{opacity:.1}100%{opacity:1}}.fadeinbg{-webkit-animation-name:fadeinbg;animation-name:fadeinbg}@-webkit-keyframes fadeout{0%{opacity:1}100%{opacity:0}}@keyframes fadeout{0%{opacity:1}100%{opacity:0}}.fadeout{-webkit-animation-name:fadeout;animation-name:fadeout}@-webkit-keyframes boxin{0%{-webkit-transform:perspective(20px) translate3d(700px ,0 ,0) scale(0);opacity:0}60%{-webkit-transform:perspective(20px) translate3d(0 ,0 ,4px) scale(1)}100%{-webkit-transform:perspective(20px) translate3d(0 ,0 ,0) scale(1)}}@keyframes boxin{0%{-webkit-transform:perspective(20px) translate3d(700px ,0 ,0) scale(0);transform:perspective(20px) translate3d(700px ,0 ,0) scale(0);opacity:0}60%{-webkit-transform:perspective(20px) translate3d(0 ,0 ,4px) scale(1);transform:perspective(20px) translate3d(0 ,0 ,4px) scale(1)}100%{-webkit-transform:perspective(20px) translate3d(0 ,0 ,0) scale(1);transform:perspective(20px) translate3d(0 ,0 ,0) scale(1)}}.boxin{-webkit-animation:boxin 1s ease-out both;animation:boxin 1s ease-out both}@-webkit-keyframes boxswing{0%{-webkit-transform:rotate3d(0,0,1,.1deg);transform:rotate3d(0,0,1,.1deg)}8%{-webkit-transform:rotate3d(0,0,1,.1deg);transform:rotate3d(0,0,1,.1deg)}16%{-webkit-transform:rotate3d(0,0,1,2deg);transform:rotate3d(0,0,1,2deg)}24%{-webkit-transform:rotate3d(0,0,1,-2deg);transform:rotate3d(0,0,1,-2deg)}32%{-webkit-transform:rotate3d(0,0,1,2deg);transform:rotate3d(0,0,1,2deg)}40%{-webkit-transform:rotate3d(0,0,1,-2deg);transform:rotate3d(0,0,1,-2deg)}48%{-webkit-transform:rotate3d(0,0,1,0deg) scale3d(1.05,.95,1);transform:rotate3d(0,0,1,0deg) scale3d(1.05,.95,1);top:-10px}56%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}64%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}72%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}90%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);top:-10px}100%{top:-65px}}@keyframes boxswing{0%{-webkit-transform:rotate3d(0,0,1,.1deg);transform:rotate3d(0,0,1,.1deg)}8%{-webkit-transform:rotate3d(0,0,1,.1deg);transform:rotate3d(0,0,1,.1deg)}16%{-webkit-transform:rotate3d(0,0,1,2deg);transform:rotate3d(0,0,1,2deg)}24%{-webkit-transform:rotate3d(0,0,1,-2deg);transform:rotate3d(0,0,1,-2deg)}32%{-webkit-transform:rotate3d(0,0,1,2deg);transform:rotate3d(0,0,1,2deg)}40%{-webkit-transform:rotate3d(0,0,1,-2deg);transform:rotate3d(0,0,1,-2deg)}48%{-webkit-transform:rotate3d(0,0,1,0deg) scale3d(1.05,.95,1);transform:rotate3d(0,0,1,0deg) scale3d(1.05,.95,1);top:-10px}56%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}64%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}72%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}90%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);top:-10px}100%{top:-65px}}.boxswing{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-animation-name:boxswing;animation-name:boxswing;-webkit-animation-duration:1.5s;animation-duration:1.5s}@-webkit-keyframes boxswing2{0%{bottom:0}48%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);bottom:0}56%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}64%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}72%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}90%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);bottom:0}100%{bottom:-65px}}@keyframes boxswing2{0%{bottom:0}48%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);bottom:0}56%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}64%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}72%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}90%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);bottom:0}100%{bottom:-65px}}.boxswing2{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-animation-name:boxswing2;animation-name:boxswing2;-webkit-animation-duration:1.5s;animation-duration:1.5s}@-webkit-keyframes fadein-g{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1}100%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}@keyframes fadein-g{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1}100%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}.fadein-g{-webkit-animation-name:fadein-g;animation-name:fadein-g;-webkit-animation-timing-function:ease;animation-timing-function:ease}@-webkit-keyframes fadein-s{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes fadein-s{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.fadein-s{-webkit-animation-name:fadein-s;animation-name:fadein-s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-duration:.2s;animation-duration:.2s}.xq-redbag{position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.7);z-index:10000}.xq-redbag .redcon{position:absolute;width:285px;height:364px;left:50%;top:50%;margin:-210px 0 0 -142px;text-align:center;background:url(/uploads/image/seeolsimages/xf_xq_hb_bg_n.png) no-repeat;background-size:100% auto;border-radius:12px;background-color:#f23f4d}.xq-redbag .btnbox{position:absolute;left:0;right:0;top:64%}.xq-redbag .btn{display:block;width:212px;height:45px;line-height:45px;font-size:16px;color:#881919;font-weight:700;background:-webkit-linear-gradient(top,#ffd8bd,#f7c19a,#f7c19a);background:linear-gradient(180deg,#ffd8bd,#f7c19a,#f7c19a);border-radius:26px;box-shadow:0 3px 6px 0 rgba(0,0,0,.21);margin:0 auto}.xq-redbag .redbag-close{position:absolute;left:50%;margin-left:-15px;bottom:-50px;width:30px;height:30px;background:url(/uploads/image/seeolsimages/gift_close.png) no-repeat;background-size:100% 100%}.xq-redbag .con2{position:absolute;left:25px;right:25px;top:25px}.xq-redbag .con2 i{display:block;margin:0 auto;width:75px;height:72px}.xq-redbag .con2 i img{width:100%}.xq-redbag .con2 p{font-size:16px;line-height:22px;font-weight:700;color:#f2313c;margin-top:2px;max-height:44px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.xq-redbag .bottom-int{position:absolute;left:0;right:0;bottom:24px;font-size:12px;line-height:17px;color:#fcdfc9;min-height:38px}.xq-redbag .bottom-int p{margin-bottom:4px}.xq-redbag .bottom-int p:last-child{margin-bottom:0}