.threads .time{display:block;width:7.24rem;background-image:linear-gradient(to bottom,#ffd555 36%,#fff 55%);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:.3rem;letter-spacing:-1px;line-height:1.02rem;text-shadow:0 0 10px rgba(18,3,0,.2);position:relative;left:1.2rem;margin:1.3rem auto 0}.threads .time::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;margin:0 auto;width:7.24rem;height:1.02rem;background:url(../../img/pc/sp_key.png) no-repeat;background-size:10rem 10rem;background-position:0 0;z-index:-1}.threads .user-info{position:relative;left:.6rem}.threads .box1{width:9.13rem;height:9.34rem;background:url(../../img/pc/key_box1.png?v=1) no-repeat center top;background-size:100% 100%;margin:.15rem auto 1rem;position:relative;left:1.05rem}.threads .btn_prob{position:absolute;top:-.43rem;right:0;font-size:.22rem;color:#fff;text-decoration:underline;cursor:pointer}.threads .progress_area{width:8.6rem;height:1.42rem;padding:.09rem 0 0 .35rem;display:flex;position:relative;margin-bottom:.2rem}.threads .progress_area .unboxing_num{width:1.2rem;height:1.21rem;background:url(../../img/pc/sp_key.png) no-repeat;background-size:10rem 10rem;background-position:-8.8rem -.57rem;position:relative;z-index:2}.threads .progress_area .unboxing_num span{background-image:linear-gradient(to bottom,#ffd555,#fff);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:.25rem;width:1.13rem;text-align:center;line-height:1.5rem;font-weight:600;-webkit-text-stroke:.5px rgba(18,3,0,.8);display:block}.threads .progress_area .progress_box{position:relative;top:.12rem;left:0;z-index:2;width:7.6rem;overflow-y:auto}.threads .progress_area .progress_bar{width:10rem;height:.13rem;background:url(../../img/pc/progress_bar.png) no-repeat center top;background-size:100% 100%;position:absolute;top:.42rem;left:0}.threads .progress_area .progress_bar .over{position:absolute;width:0;height:.08rem;top:.03rem;left:.16rem;background:linear-gradient(to bottom,#ccc48d,#bc9948);transition:all .1s;border-radius:.1rem}.threads .progress_area .progress_list{width:100%;height:100%;white-space:nowrap}.threads .progress_area .progress_list li{width:1.5rem;height:1.02rem;text-align:center;background:url(../../img/pc/bg_list.png?v=1) no-repeat;background-size:100% 100%;filter:grayscale(1);position:relative;display:inline-block;vertical-align:top}.threads .progress_area .progress_list li .icon{width:.6rem;height:.56rem;background:url(../../img/pc/sp_key.png) no-repeat;background-size:10rem 10rem;background-position:-9.4rem -1.93rem;position:absolute;top:.14rem;left:.48rem;display:none}.threads .progress_area .progress_list li.get{filter:grayscale(0);cursor:pointer}.threads .progress_area .progress_list li.over{filter:grayscale(0)}.threads .progress_area .progress_list li.over .icon{display:block}.threads .progress_area .progress_list li .pic{width:.4rem;height:.42rem;margin:.2rem auto 0}.threads .progress_area .progress_list li .pic img{max-width:100%}.threads .progress_area .progress_list li .nums{font-size:.17rem;color:#fff;text-align:center;margin-top:.1rem}.threads .progress_area .progress_list li .name{font-size:.15rem;background-image:linear-gradient(to bottom,#ffd555,#fff);-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center;margin:.02rem auto 0;display:-webkit-box;overflow:hidden;width:85%;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical}.threads .progress_area .progress_list li .num{font-size:.15rem;background-image:linear-gradient(to bottom,#ffd555,#fff);-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center}.threads .box1 .options{display:flex;align-items:center;padding-left:1.56rem}.threads .box1 .options p.text{font-size:.15rem;color:#fff;margin-right:.1rem;width:35%;text-align:center}.threads .box1 .options .coin_num{width:1.57rem;height:.59rem;background:url(../../img/pc/sp_key.png) no-repeat;background-size:10rem 10rem;background-position:0 -5.31rem;font-size:.2rem;color:#fff;text-align:center;font-weight:600;line-height:.59rem}.threads .box1 .options .keys_num{width:1.57rem;height:.59rem;background:url(../../img/pc/sp_key.png) no-repeat;background-size:10rem 10rem;background-position:-1.73rem -5.31rem;font-size:.2rem;color:#fff;text-align:center;font-weight:600;line-height:.59rem;margin-left:-.3rem}.threads .box1 .options .btn_get_key{width:1.42rem;height:.41rem;background:url(../../img/pc/sp_key.png) no-repeat;background-size:10rem 10rem;background-position:-7.91rem -3.58rem;cursor:pointer;margin-left:-.2rem}.threads .box1 .treasure_box{display:flex;flex-wrap:wrap;margin-left:2rem;margin-top:.25rem}.threads .box1 .treasure_box li{width:1.93rem;height:2.23rem;cursor:pointer;margin-right:.25rem;margin-top:-.25rem;background:url(../../img/pc/treasure_box_default.png) no-repeat;background-size:100% 100%}.threads .box1 .treasure_box li:nth-child(3n){margin-right:0}.threads .box1 .treasure_box li.gold{background:url(../../img/pc/treasure_box_gold.png) no-repeat;background-size:100% 100%}.threads .box1 .treasure_box li.gold.active{background:url(../../img/pc/treasure_box_gold_active.png) no-repeat;background-size:100% 100%}.threads .box1 .treasure_box li.silver{background:url(../../img/pc/treasure_box_silver.png) no-repeat;background-size:100% 100%}.threads .box1 .treasure_box li.silver.active{background:url(../../img/pc/treasure_box_silver_active.png) no-repeat;background-size:100% 100%}.threads .box1 .treasure_box li.red{background:url(../../img/pc/treasure_box_red.png) no-repeat;background-size:100% 100%}.threads .box1 .treasure_box li.red.active{background:url(../../img/pc/treasure_box_red_active.png) no-repeat;background-size:100% 100%}.threads .box1 .treasure_box li p{display:none}.threads .box1 .treasure_box li.active p{display:block}.threads .box1 .treasure_box li .pic{width:.8rem;height:.8rem;margin:.5rem auto 0;text-align:center}.threads .box1 .treasure_box li .pic img{max-width:100%}.threads .box1 .treasure_box li .name{font-size:.15rem;background-image:linear-gradient(to bottom,#ffd555,#fff);-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center;margin:.05rem auto 0;width:67%}.threads .box1 .treasure_box li .num{font-size:.15rem;background-image:linear-gradient(to bottom,#ffd555,#fff);-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center;margin-top:.05rem}.threads .box1 .btn_area{display:flex;align-items:center;justify-content:space-between;margin-left:2.6rem;width:5.65rem;margin-top:-.1rem}.threads .box1 .btn_area .btn_fresh{width:2.52rem;height:.86rem;background:url(../../img/pc/sp_key.png) no-repeat;background-size:10rem 10rem;background-position:-2.55rem -3.58rem;font-size:0;cursor:pointer}.threads .box1 .btn_area .btn_fresh2{width:2.38rem;height:.72rem;background:url(../../img/pc/sp_key.png) no-repeat;background-size:10rem 10rem;background-position:0 -3.58rem;cursor:pointer}.threads .box1 .btn_area .btn_fresh2 p{font-size:.22rem;background-image:linear-gradient(to bottom,#ffd555,#fff);-webkit-background-clip:text;background-clip:text;color:transparent;text-align:left;font-weight:600;padding-left:1.2rem;line-height:.72rem}.threads .box1 .btn_area .btn_open{width:2.55rem;height:.89rem;background:url(../../img/pc/sp_key.png) no-repeat;background-size:10rem 10rem;background-position:-5.21rem -3.58rem;font-size:0;cursor:pointer}.threads .grand_prize{position:absolute;top:1.6rem;left:.55rem;width:.85rem}.threads .grand_prize li{display:block;width:.86rem;height:.86rem;background:url(../../img/pc/bg_list2.png) no-repeat;background-size:100% 100%;margin-bottom:.1rem}.threads .grand_prize li .pic{width:.36rem;height:.36rem;margin:0 auto;text-align:center;position:relative;top:.2rem}.threads .grand_prize li .pic img{max-width:100%}.threads .grand_prize li .name{font-size:.13rem;color:#fff;text-align:center;margin-top:.25rem}.threads .box2 .title{width:7.09rem;height:.7rem;background:url(../../img/pc/sp_key.png) no-repeat;background-size:10rem 10rem;background-position:0 -1.11rem;margin:0 auto}.threads .box2 .list{display:flex;flex-wrap:wrap}.threads .box2 .list li{width:2.94rem;height:4.46rem;background:url(../../img/pc/keys_list_bg.png?v=1) no-repeat;background-size:100% 100%;cursor:pointer;margin-right:1.4rem;position:relative}.threads .box2 .list li:nth-child(4n){margin-right:0}.threads .box2 .list li.lg .rewards .r_items.key{width:2.92rem;height:2.92rem;background:url(../../img/pc/key_key_lg.png?v=1) no-repeat;background-size:100% 100%;margin:0 auto;position:absolute;top:-.4rem;left:0;right:0;z-index:2}.threads .box2 .list li.sm .rewards .r_items.key{width:2.35rem;height:2.35rem;background:url(../../img/pc/key_key_sm.png) no-repeat;background-size:100% 100%;position:absolute;top:-.4rem;left:-.2rem}.threads .box2 .list li.sm .rewards .r_items.coin{width:2.35rem;height:2.35rem;background:url(../../img/pc/key_coin_sm.png) no-repeat;background-size:100% 100%;position:absolute;top:.25rem;left:.65rem}.threads .box2 .list li.lg .rewards .r_items .num{font-size:.14rem;background-image:linear-gradient(to bottom,#ffd555,#fff);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:600;width:.38rem;height:.41rem;line-height:.3rem;text-align:center;display:block}.threads .box2 .list li.lg .rewards .r_items.key .num{position:relative;top:1.88rem;left:1.58rem}.threads .box2 .list li.sm .rewards .r_items .num{font-size:.14rem;background-image:linear-gradient(to bottom,#ffd555,#fff);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:600;width:.48rem;height:.41rem;line-height:.3rem;text-align:center;display:block}.threads .box2 .list li.sm .rewards .r_items.key .num{position:relative;top:1.29rem;left:1.16rem}.threads .box2 .list li.sm .rewards .r_items.coin .num{position:relative;top:1.3rem;left:1.15rem}.threads .box2 .list li .rebate{width:1.52rem;height:.87rem;background:url(../../img/pc/icon_hot.png) no-repeat;background-size:100% 100%;position:absolute;top:-.06rem;right:-.25rem}.threads .box2 .list li .rebate span{display:block;font-size:.23rem;background-image:linear-gradient(to bottom,#ffd555,#fff);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:600;transform:rotate(-14deg);text-align:center;position:relative;top:.35rem}.threads .box2 .list li .name{font-size:.24rem;background-image:linear-gradient(to bottom,#ffd555,#fff);-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center;font-weight:600;text-shadow:3px 3px 8px rgba(0,0,0,.2)}.threads .box2 .list li.lg .name{margin-top:2.05rem}.threads .box2 .list li.sm .name{margin-top:2.05rem}.threads .box2 .list li .limit{font-size:.18rem;background-image:linear-gradient(to bottom,#fff,#ffc78a);-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center;margin-top:.1rem;text-shadow:3px 3px 8px rgba(0,0,0,.2)}.threads .box2 .list li .price{font-size:.4rem;background-image:linear-gradient(to bottom,#ffd555,#fff);-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center;margin-top:.32rem;font-weight:600;font-family:zixiaohunxinkehuanti}.threads .box3 .title{width:7.09rem;height:.7rem;background:url(../../img/pc/sp_key.png) no-repeat;background-size:10rem 10rem;background-position:0 -1.93rem;margin:0 auto}.threads .box3 .substance{width:10.78rem;height:8.55rem;background:url(../../img/pc/key_box3.png) no-repeat;background-size:100% 100%;margin:.2rem auto 0;padding:.78rem .4rem 0 .4rem}.threads .box3 .flex{display:flex;align-items:center;justify-content:space-between;margin-bottom:.08rem}.threads .box3 .flex .text{font-size:.24rem;color:#fff}.threads .box3 .flex .btn_history{width:.95rem;height:.4rem;background:url(../../img/pc/sp_key.png) no-repeat;background-size:10rem 10rem;background-position:-9.05rem 0;font-size:0;cursor:pointer}.threads .box3 .list{display:flex;flex-wrap:wrap;height:7.85rem}.threads .box3 .list li{width:2.34rem;height:3.55rem;background:url(../../img/pc/keys_list2_bg.png) no-repeat;background-size:100% 100%;cursor:pointer;margin-bottom:.15rem;margin-right:.45rem;position:relative}.threads .box3 .list li:nth-child(4n){margin-right:0}.threads .box3 .list li .name{font-size:.22rem;background-image:linear-gradient(to bottom,#fff,#ffc78a);-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center;font-weight:600;text-shadow:3px 3px 8px rgba(0,0,0,.2);margin:.1rem auto 0;width:82%}.threads .box3 .list li .num{font-size:.22rem;background-image:linear-gradient(to bottom,#fff,#ffc78a);-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center;text-shadow:3px 3px 8px rgba(0,0,0,.2);margin-top:.05rem;font-weight:600}.threads .box3 .list li .limit{font-size:.18rem;background-image:linear-gradient(to bottom,#fff,#ffc78a);-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center;margin-top:.35rem;text-shadow:3px 3px 8px rgba(0,0,0,.2)}.threads .box3 .list li .price{position:absolute;bottom:.22rem;width:100%}.threads .box3 .list li .price span{display:block;font-size:.18rem;background-image:linear-gradient(to bottom,#ffc78a,#fff);-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center;line-height:1.2;font-weight:600}.threads .box3 .list li .pic{width:.8rem;height:.8rem;margin:.25rem auto 0;text-align:center}.threads .box3 .list li .pic img{max-width:100%}.treasure-pay-dialog{position:absolute;left:50%;top:50%;width:6.94rem;height:3.86rem;background:url(../../img/pc/pay-bg.png) no-repeat center;background-size:100% 100%;transform:translate(-50%,-50%)}.treasure-wxqrpay-dialog{position:absolute;left:50%;top:50%;width:6.94rem;height:3.86rem;background:url(../../img/pc/wxqr-bg.png) no-repeat center;background-size:100% 100%;transform:translate(-50%,-50%)}.treasure-pay-dialog .close-btn,.treasure-wxqrpay-dialog .close-btn{position:absolute;right:.3rem;top:.3rem;width:.31rem;height:.31rem;background:url(../../img/pc/close-icon.png) no-repeat center;background-size:100% 100%;cursor:pointer;transition:all .3s}.rebate-success-dialog .close-btn:hover,.treasure-pay-dialog .close-btn:hover,.treasure-wxqrpay-dialog .close-btn:hover{opacity:.8}.treasure-wxqrpay-dialog .qr-code{margin:1.1rem auto 0;width:2rem;height:2rem}.treasure-wxqrpay-dialog .qr-code canvas{width:100%;height:100%}.treasure-wxqrpay-dialog .qr-text{margin-top:.3rem;text-align:center;font-size:.2rem;color:#c5d8f0}.treasure-pay-dialog .wxpay{position:absolute;left:1rem;top:1.3rem;width:1.5rem;height:1.9rem;background:url(../../img/pc/wxpay.png) no-repeat center;background-size:100% 100%;cursor:pointer}.treasure-pay-dialog .alipay{position:absolute;right:1rem;top:1.3rem;width:1.5rem;height:1.9rem;background:url(../../img/pc/alipay.png) no-repeat center;background-size:100% 100%;cursor:pointer}.treasure-pay-dialog.zfb .alipay{display:none}.treasure-pay-dialog.zfb .wxpay{left:50%;transform:translateX(-50%)}.free-refresh-dialog,.pay-refresh-dialog{position:absolute;left:50%;top:50%;width:6.93rem;height:3.97rem;background:url(../../img/pc/pop_bg_refresh.png) no-repeat center;background-size:100% 100%;transform:translate(-50%,-50%)}.free-refresh-dialog .close-btn,.pay-refresh-dialog .close-btn{position:absolute;right:.4rem;top:.4rem;cursor:pointer;width:.31rem;height:.31rem;background:url(../../img/pc/close-icon.png) no-repeat center;background-size:100% 100%}.details-dialog .btn-area,.free-refresh-dialog .btn-area,.open-all-box-dialog .btn-area,.pay-refresh-dialog .btn-area{display:flex;align-items:center;justify-content:space-between;width:67%;margin:2.5rem auto 0}.details-dialog .btn-area .btn-back,.free-refresh-dialog .btn-area .btn-back,.open-all-box-dialog .btn-area .btn-back,.pay-refresh-dialog .btn-area .btn-back{width:2.05rem;height:.58rem;background:url(../../img/pc/sp_key.png) no-repeat;background-size:10rem 10rem;background-position:0 -4.62rem;cursor:pointer}.details-dialog .btn-area .btn-confirm,.free-refresh-dialog .btn-area .btn-confirm,.open-all-box-dialog .btn-area .btn-confirm,.pay-refresh-dialog .btn-area .btn-confirm{width:2.05rem;height:.58rem;background:url(../../img/pc/sp_key.png) no-repeat;background-size:10rem 10rem;background-position:-2.55rem -4.62rem;cursor:pointer}.pay-refresh-dialog{background:url(../../img/pc/pop_bg_refresh2.png) no-repeat center;background-size:100% 100%}.pay-refresh-dialog .btn-area{margin-top:2.6rem}.open-all-box-dialog{position:absolute;left:50%;top:50%;width:6.93rem;height:3.97rem;background:url(../../img/pc/pop_bg_box.png) no-repeat center;background-size:100% 100%;transform:translate(-50%,-50%)}.open-all-box-dialog .text{font-size:.42rem;background-image:linear-gradient(to bottom,#e6d3a3,#fff);-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center;font-weight:600;text-shadow:3px 3px 8px rgba(0,0,0,.2);width:80%;margin:.4rem auto 0}.open-all-box-dialog .btn-area{margin-top:.6rem}@keyframes box-flip-out{from{transform:rotateY(0)}to{transform:rotateY(90deg)}}@keyframes box-flip-in{from{transform:rotateY(-90deg)}to{transform:rotateY(0)}}.threads .box1 .treasure_box{perspective:800px}.threads .box1 .treasure_box li.box-flip{animation:box-flip-out .12s ease-in forwards;backface-visibility:hidden}.threads .box1 .treasure_box li.box-flip.flip-back{animation:box-flip-in .12s ease-out forwards}.threads .box4{margin-top:.4rem;padding-bottom:.5rem}.threads .box4 .title{width:7.09rem;height:.73rem;background:url(../../img/pc/sp_key.png) no-repeat;background-size:10rem 10rem;background-position:0 -2.74rem;margin:0 auto}.threads .box4 p{font-size:.2rem;color:#fff;line-height:.4rem}.details-dialog{position:absolute;left:50%;top:50%;width:6.94rem;height:4.21rem;background:url(../../img/pc/pop_bg_details.png) no-repeat center;background-size:100% 100%;transform:translate(-50%,-50%)}.details-dialog .box5{padding:.3rem .28rem}.details-dialog .close-btn{position:absolute;right:.3rem;top:.3rem;width:.31rem;height:.31rem;background:url(../../img/pc/close-icon.png) no-repeat center;background-size:100% 100%;cursor:pointer;transition:all .3s}.details-dialog .other{display:flex;justify-content:space-between;margin-top:.4rem}.details-dialog .other .item{display:flex;align-items:center;justify-content:space-between}.details-dialog .other .item .label{font-size:.18rem;color:#c5d8f0;padding-left:.1rem}.details-dialog .other .item .options{display:flex;padding-right:.1rem}.details-dialog .other .item .options .btn_reduce{width:.4rem;height:.4rem;background:url(../../img/pc/btn_reduce.png) no-repeat;background-size:100%;cursor:pointer;display:block;font-size:0}.details-dialog .other .item .options .btn_add{width:.4rem;height:.4rem;background:url(../../img/pc/btn_add.png) no-repeat;background-size:100%;cursor:pointer;display:block;font-size:0}.details-dialog .other .item .options .ipt{width:1.5rem;height:.38rem;background:#0f1921;border:1px solid #1f3044;margin:0 .03rem;font-size:.24rem;color:#fff;text-align:center;line-height:.38rem}.details-dialog .other .item .options .ipt .current-num{width:.55rem;height:.36rem;padding:0;background:0 0;border:none;outline:0;font-size:.24rem;color:#fff;text-align:center;line-height:.36rem;vertical-align:middle}.details-dialog .other .item1{width:3.35rem;height:.51rem;background:#0d131a}.details-dialog .other .item2{width:2.85rem;height:.51rem;background:#0d131a}.details-dialog .other .item2 .total-num{font-size:.24rem;color:#fff;font-weight:600;padding-right:.1rem}.details-dialog h6{color:#c5d8f0;font-size:.24rem;font-weight:600;text-align:center;line-height:1.6}.details-dialog .btn-area{margin-top:.4rem}.details-dialog .pic{width:1rem;height:1rem;margin:.35rem auto 0;text-align:center}.details-dialog .pic img{max-width:100%;max-height:100%}.open-prob-dialog{position:absolute;left:50%;top:50%;width:6.93rem;height:7.4rem;background:url(../../img/pc/pop_bg_prop.png) no-repeat center;background-size:100% 100%;transform:translate(-50%,-50%);padding-top:.99rem}.open-prob-dialog .box{width:6rem;margin:0 auto;height:7.2rem}.open-prob-dialog .close-btn{position:absolute;right:.3rem;top:.3rem;width:.31rem;height:.31rem;background:url(../../img/pc/close-icon.png) no-repeat center;background-size:100% 100%;cursor:pointer;transition:all .3s}.open-prob-dialog .box .pt50{margin-top:.9rem}.open-prob-dialog .box p{font-size:.2rem;text-align:center;color:#fff;margin-bottom:.1rem}.open-prob-dialog .box table{width:6rem;margin:0 auto .1rem;font-size:.2rem;text-align:center;color:#fff;border:1px solid #fff}.open-prob-dialog .box table td,.open-prob-dialog .box table th{border-top:1px solid #fff;border-left:1px solid #fff}