.clear{clear:both}.popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:8888888;background:rgba(49,49,49,0.7)}.popup p{color:#666}.tans{margin-top:0.625rem;width:100%;padding:0.7rem 1.6rem;height:2.625rem;line-height:2.625rem;margin:0 auto;background-color:#ff6600;color:#fff;border-radius:0.21875rem;text-align:center}.popup-mask{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1001}.popup-mask.masked{background:rgba(49,49,49,0.7)}.popup-mask .btn{box-sizing:border-box;border:none;border-radius:4px;display:inline-block;height:2.25rem;line-height:2.25rem;text-align:center;padding:0 1.75rem;text-transform:uppercase;vertical-align:middle;-webkit-tap-highlight-color:transparent;text-decoration:none;letter-spacing:.5px;-webkit-transition:.2s ease-out;transition:.2s ease-out;cursor:pointer;box-shadow:0 2px 2px 0 rgba(255,119,68,0.14),0 1px 5px 0 rgba(255,119,68,0.12),0 3px 1px -2px rgba(255,119,68,0.2);background-color:#f74;font-size:0.75rem;border-radius:0.625rem}.popup-signin{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:18.9375rem;height:17rem;margin:0 auto;background:url("../../images/popup/bg_signin.png") no-repeat;background-size:18.9375rem 17rem}.popup-signin .close-warpper .close{position:absolute;right:-0.9375rem;top:6.5625rem;width:1.9375rem;height:1.9375rem;background:url("../../images/popup/b_close.png") no-repeat;background-size:1.9375rem 1.9375rem}.popup-signin .info1{margin-top:10.3125rem;font-size:1rem;text-align:center;color:#333}.popup-signin .info2{margin-top:0.9375rem;font-size:1rem;text-align:center;color:#333}.popup-signin span{font-size:1.5rem;color:#FA6060;margin-left:0.3125rem;margin-right:0.1875rem}.popup-full{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:18.9375rem;height:26.28125rem;margin:0 auto;background:url("../../images/popup/bg_full.png") no-repeat;background-size:18.9375rem 26.28125rem}.popup-full .close-warpper .close{position:absolute;right:-0.9375rem;top:6.5625rem;width:1.9375rem;height:1.9375rem;background:url("../../images/popup/b_close.png") no-repeat;background-size:1.9375rem 1.9375rem}.popup-full .btn-warpper{text-align:center;margin-top:22.5rem}.popup-full .btn-warpper .btn-right{width:15.625rem;height:2.0625rem;line-height:2.0625rem;border-radius:2.0625rem;color:#fff;background:#FE6263;letter-spacing:0.1875rem;font-size:0.75rem}.popup-gradeup{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:18.9375rem;height:36.0625rem;margin:0 auto}.popup-gradeup.bronze{background:url("../../images/popup/bg_bronze.png") no-repeat;background-size:18.9375rem 36.0625rem}.popup-gradeup.silver{background:url("../../images/popup/bg_silver.png") no-repeat;background-size:18.9375rem 36.0625rem}.popup-gradeup.gold{background:url("../../images/popup/bg_gold.png") no-repeat;background-size:18.9375rem 36.0625rem}.popup-gradeup .close-warpper .close{position:absolute;right:-0.9375rem;top:3.5rem;width:1.9375rem;height:1.9375rem;background:url("../../images/popup/b_close.png") no-repeat;background-size:1.9375rem 1.9375rem}.popup-gradeup .main-warpper{margin-top:16.25rem;padding:0.9375rem}.popup-gradeup .main-warpper .item{width:50%;text-align:center;float:left;margin:0.3125rem 0}.popup-gradeup .main-warpper .item .icon{width:100%;height:5.1875rem}.popup-gradeup .main-warpper .item .text{font-size:0.75rem;text-align:center;color:#FE6263}.popup-gradeup .main-warpper .item .icon-1{background:url("../../images/popup/icon_1.png") no-repeat center;background-size:5.1875rem 4.625rem}.popup-gradeup .main-warpper .item .icon-2{background:url("../../images/popup/icon_2.png") no-repeat center;background-size:4.4375rem 4.25rem}.popup-gradeup .main-warpper .item .icon-3{background:url("../../images/popup/icon_3.png") no-repeat center;background-size:5.1875rem 4.8125rem}.popup-gradeup .main-warpper .item .icon-4{background:url("../../images/popup/icon_4.png") no-repeat center;background-size:5.1875rem 4.75rem}.popup-gradeup .btn-warpper{text-align:center;margin-top:0.3125rem}.popup-gradeup .btn-warpper .btn-right{width:15.625rem;height:2.0625rem;line-height:2.0625rem;border-radius:2.0625rem;color:#fff;background:#FE6263;letter-spacing:0.1875rem;font-size:0.75rem}.popup-levelup{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:18.9375rem;height:22.96875rem;margin:0 auto;background:url("../../images/popup/bg_level.png") no-repeat;background-size:18.9375rem 22.96875rem}.popup-levelup .close-warpper .close{position:absolute;right:-0.9375rem;top:4.6875rem;width:1.9375rem;height:1.9375rem;background:url("../../images/popup/b_close.png") no-repeat;background-size:1.9375rem 1.9375rem}.popup-levelup .level-warpper .level{font-size:2.625rem;color:#fff;position:absolute;left:8.75rem;top:4.75rem;font-weight:800}.popup-levelup .main-warpper{margin-top:10.3125rem;height:7.5rem}.popup-levelup .main-warpper .text-1{font-size:1.375rem;color:#fff;text-align:center}.popup-levelup .main-warpper .text-2{font-size:2rem;color:#fff;text-align:center}.popup-levelup .main-warpper .text-2 span{color:#FEE100;font-size:1.5rem;margin:0 0.625rem}.popup-levelup .btn-warpper{text-align:center;margin-top:1.25rem}.popup-levelup .btn-warpper .btn-right{width:15.625rem;height:2.0625rem;line-height:2.0625rem;border-radius:2.0625rem;color:#fff;background:#FE6263;letter-spacing:0.1875rem;font-size:0.75rem}.popup-heart{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:17.6875rem;height:29.1875rem;margin:0 auto;background:url("../../images/popup/bg_heart.png") no-repeat;background-size:17.6875rem 29.1875rem}.popup-heart .close-warpper .close{position:absolute;right:-0.9375rem;top:0;width:1.9375rem;height:1.9375rem;background:url("../../images/popup/b_close.png") no-repeat;background-size:1.9375rem 1.9375rem}.popup-heart .main-warpper{margin-top:13.125rem;height:7.5rem}.popup-heart .main-warpper .poster{width:7.75rem;height:4.3125rem;margin-left:5.1875rem}.popup-heart .main-warpper .poster img{width:100%;height:100%}.popup-heart .main-warpper .qrcode{width:8.5625rem;height:8.5625rem;background:url("../../images/popup/qrcode_heart.png") no-repeat;background-size:8.5625rem 8.5625rem;margin-left:4.75rem}.popup-rookiebag{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:19.1875rem;height:33.1875rem;margin:0 auto;background:url("../../images/popup/bg_rookiebag.png") no-repeat;background-size:19.1875rem 33.1875rem}.popup-rookiebag .close-warpper .close{position:absolute;right:-0;top:0.1875rem;width:1.9375rem;height:1.9375rem;background:url("../../images/popup/b_close.png") no-repeat;background-size:1.9375rem 1.9375rem}.popup-rookiebag .btn-warpper{position:absolute;height:100%}.popup-rookiebag .btn-warpper .btn-receive{position:absolute;width:6.25rem;height:6.4375rem;bottom:2.5rem;left:6.25rem;background:url("../../images/popup/btn_receive.png") no-repeat;background-size:6.25rem 6.4375rem}.popup-rookiebag .main-warpper{position:relative;margin-top:5.625rem;padding:0 1.875rem}.popup-rookiebag ul li{width:100%;height:4.3125rem;margin-bottom:0.3125rem;overflow:hidden}.popup-rookiebag ul li .item-left{position:relative;width:4.6875rem;height:100%;background:#FF6B6B;text-align:center;border-top-left-radius:0.3125rem;border-bottom-left-radius:0.3125rem}.popup-rookiebag ul li .item-left .note{font-size:0.875rem;color:#fff;margin-top:0.625rem;height:3.6875rem;line-height:3.6875rem}.popup-rookiebag ul li .item-left .note span{font-size:1.375rem}.popup-rookiebag ul li .item-left .mark{position:absolute;left:-1.5625rem;top:0.625rem;background:#FFB437;font-size:0.5rem;width:5rem;height:0.8125rem;text-align:center;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);color:#fff;text-shadow:0.0625rem 0.0625rem 0.0625rem rgba(255,66,66,0.3)}.popup-rookiebag ul li .item-right{position:relative;height:100%;border:1px solid #FF6B6B;border-left:none;border-top-right-radius:0.3125rem;border-bottom-right-radius:0.3125rem;padding:0.5625rem}.popup-rookiebag ul li .item-right .info{font-size:0.5625rem;color:#333}.popup-rookiebag ul li .item-right .time{font-size:0.5625rem;color:#FF6B6B;position:absolute;top:2.8125rem}.popup-rookiebag ul li .item-right .num{display:inline-block;position:absolute;top:2.8125rem;right:0.625rem;padding:0 0.3125rem;background:#FF6B6B;color:#fff;border-radius:0.1875rem;font-size:0.5rem}.popup-rookiebag ul li .item-right .ilt{position:absolute;width:0.625rem;height:0.625rem;border-radius:50%;border:1px solid #FF6B6B;background:#fff;top:-0.3125rem;left:-0.3125rem}.popup-rookiebag ul li .item-right .ilb{position:absolute;width:0.625rem;height:0.625rem;border-radius:50%;border:1px solid #FF6B6B;background:#fff;bottom:-0.3125rem;left:-0.3125rem}.popup-success{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:18.9375rem;height:20.25rem;margin:0 auto;background:url("../../images/popup/bg_success.png") no-repeat;background-size:100% 100%}.popup-success .close-warpper .close{position:absolute;right:-0.875rem;top:0.4375rem;width:1.9375rem;height:1.9375rem;background:url("../../images/popup/b_close.png") no-repeat;background-size:1.9375rem 1.9375rem}.popup-success .success-info{font-size:0.9375rem;margin-top:3.75rem;padding:0 1.5625rem;letter-spacing:0.25rem}.popup-success .flow-info{margin-top:1.25rem;width:12.3125rem;height:9.25rem;background:url("../../images/popup/gift.png") no-repeat;background-size:100% 100%;margin:0 auto;padding:0.625rem 1.875rem 0.625rem 0.625rem;color:#FC6868}.popup-success .flow-info .info-1{text-align:center;margin-top:0.625rem;font-size:1rem}.popup-success .flow-info .info-2{text-align:center;margin-top:0.625rem;font-size:1rem}.popup-success .flow-info span{font-size:1.5625rem}.flex-row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flex-1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}