.gifts-wrap{padding:1.6rem 0 .533333rem;background-color:#f5f6fa}.gifts-tab{padding:0 .533333rem}.gifts-tab li{float:left;width:50%;height:1.333333rem;font-size:.426667rem;color:#333;line-height:1.333333rem;text-align:center;position:relative}.gifts-tab li.on::before{content:'';display:block;width:1.066667rem;height:.106667rem;border-radius:.133333rem;background-color:#4b9dfb;position:absolute;bottom:0;left:50%;margin-left:-.133333rem}.gifts-tab li:nth-of-type(1) img{width:.88rem}.gifts-tab li:nth-of-type(2) img{width:.666667rem}.gifts-content{min-height:13.333333rem}.gifts-center .gifts-item{padding:.4rem .4rem 0;background:#fff;margin-bottom:.266667rem}.gifts-center .gift-title .icon{float:left;width:1.333333rem;border-radius:.266667rem;overflow:hidden}.gifts-center .gift-title .icon img{width:100%;height:100%}.gifts-center .gift-title .text{float:left;padding-left:.266667rem;font-size:.346667rem;color:#939397}.gifts-center .gift-title .text h2{padding:.08rem 0;font-size:.373333rem;font-weight:700;color:#333}.gifts-center .gift-list{padding-top:.133333rem}.gifts-center .gift-list li{padding:.266667rem 0;position:relative}.gifts-center .gift-list li:nth-of-type(n+2){display:none}.gifts-center .gift-list.on li:nth-of-type(n+2){display:block}.gifts-center .gift-list li h3{font-size:.373333rem;font-weight:700}.gifts-center .gift-list li h3 img{width:.8rem}.gifts-center .gift-list li>div{font-size:.346667rem;color:#b6b6b6}.gifts-center .gift-list li button{display:block;width:1.466667rem;height:.586667rem;font-size:.346667rem;color:#4b9dfb;border:1px solid #4b9dfb;background-color:#fff;border-radius:.4rem;position:absolute;right:0;top:.213333rem}.gifts-center .gift-list li button.gray{color:#b6b6b6;border:1px solid #b6b6b6}.gifts-center .gift-toggle{border-top:1px solid #ededed}.gifts-center .gift-toggle div{font-size:.346667rem;color:#767987;line-height:.96rem;text-align:center}.gifts-center .gift-toggle div img{width:.266667rem}.gifts-center .gift-toggle div span{color:#4b9dfb}.gifts-my{background-color:#fff}.gifts-my li{padding:.4rem;border-bottom:1px solid #eee;position:relative}.gifts-my li .icon{float:left;width:1.6rem;height:1.6rem;border-radius:.266667rem;overflow:hidden}.gifts-my li .icon img{width:100%;height:100%}.gifts-my li .desc{float:left;width:70%;padding:0 .266667rem;font-size:.266667rem;color:#b6b6b6}.gifts-my li .desc h2{font-size:.373333rem;font-weight:700;color:#333;margin-bottom:.08rem}.gifts-my li .desc .intro{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.gifts-my li .desc .code{color:#f2af2a}.gifts-my li button{display:block;padding:0 .266667rem;height:.586667rem;font-size:.346667rem;color:#f2af2a;border:1px solid #f2af2a;background-color:#fff;border-radius:.4rem;position:absolute;right:.4rem;top:.8rem}.no-list{padding:2rem 0 3.6rem;width:100%;height:auto;text-align:center;font-size:.426667rem;color:#999;line-height:.533333rem}.no-list img{display:block;width:2.666667rem;margin:0 auto;margin-bottom:.533333rem}.gift-details .content{width:90%;max-width:360px;position:absolute;left:50%;top:50%;z-index:2;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:.2933rem;background-color:#fff}.gift-details .close{display:block;width:.5067rem;height:.5067rem;background:url(../images/close.png) no-repeat center;background-size:contain;position:absolute;right:.266667rem;top:.266667rem;z-index:3;cursor:pointer}.gift-details .title{width:100%;height:1.1333rem;background-color:#f1f1f1;border-radius:.2933rem .2933rem 0 0;text-align:center}.gift-details .title h2{font-size:.48rem;font-weight:700;color:#000;line-height:1.1333rem}.gift-details .top{padding:.4rem;box-sizing:border-box}.gift-details .details{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.gift-details .details img{width:1.2933rem;height:1.2933rem;border-radius:.266667rem}.gift-details .details div{-webkit-box-flex:1;flex:1;margin:0 .33rem;line-height:1.15}.gift-details .details div h3{font-size:.32rem;font-weight:700;color:#1f1f1f;margin-bottom:.0667rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gift-details .details div p{font-size:.32rem;line-height:.4267rem;color:#b6b6b6}.gift-details .details div p span{color:#f2af2a}.gift-details .details button{display:block;min-width:1.4933rem;height:.8rem;font-size:.3733rem;text-align:center;color:#7bd243;line-height:.386667rem;background-color:#fff;border-radius:.16rem;border:1px solid #7bd243;outline:0;cursor:pointer}.gift-details .details button.gray{color:#b6b6b6;border:1px solid #b6b6b6}.gift-details .main .bottom{padding:0 .4rem .4rem}.gift-details .main .bottom .bottom_code{position:relative;padding-left:10px;height:25px;width:100%;background-color:#f1f1f1;font-size:15px;margin-bottom:.4rem;border-top-right-radius:12.5px;border-bottom-right-radius:12.5px}.gift-details .main .bottom .bottom_code .copy{position:absolute;right:0;background-color:#f2af2a;width:60px;height:100%;border-radius:12.5px;text-align:center}.gift-details .main .bottom>span{display:block;width:100%;height:.1067rem;background-color:#f1f1f1;margin-bottom:.04rem}.gift-details .main .bottom h3{box-sizing:border-box;font-size:.4267rem;font-weight:700;height:1.12rem;line-height:1.12rem;position:relative}.gift-details .main .bottom h3 span{position:relative;z-index:10}.gift-details .main .bottom h3:before{position:absolute;content:'';display:block;height:.1467rem;width:1.36rem;border-radius:.1467rem;left:.4267rem;bottom:.3467rem;background-color:#7cd2ff}.gift-details .main .bottom .desc,.gift-details .main .bottom p{box-sizing:border-box;font-size:.3467rem;color:#8a8888;line-height:.4933rem}.gift-details .main .bottom .desc{position:relative}.gift-details .main .bottom .desc>span{position:absolute;left:0;top:0}.gift-details .main .bottom .desc div{text-indent:1.7333rem}.gift-success .content{width:90%;max-width:360px;position:absolute;left:50%;top:50%;z-index:2;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:.266667rem;background-color:#fff;padding:0 .533333rem}.gift-success .close{display:block;width:.4rem;height:.4rem;background:url(../images/close.png) no-repeat center;background-size:contain;position:absolute;right:.266667rem;top:.266667rem;z-index:3;cursor:pointer}.gift-success .tips{padding:.4rem 0;font-size:.48rem;font-weight:700;text-align:center}.gift-success .tips i{display:inline-block;width:.666667rem;height:.666667rem;background:url(../images/gift-success.png) no-repeat center;background-size:contain;margin-bottom:.133333rem;vertical-align:middle;margin-right:.266667rem}.gift-success .gift-code{height:1.066667rem;font-size:.32rem;color:#8a8888;line-height:1.066667rem;background-color:#f4f4f6;border-radius:.533333rem;text-align:center}.gift-success .gift-method{padding:.266667rem 0;font-size:.32rem;color:#8a8888;text-align:center}.gift-success .gift-method .method{color:#d84a42}.gift-success .copy{display:block;width:100%;height:1.066667rem;margin:0 auto .8rem;background-color:#f2af2a;border-radius:.533333rem;text-align:center;font-size:.373333rem;color:#fff;line-height:1.066667rem}