.referral-earn-overview-page .showNumberbottom{display:flex;margin-top:1.125rem}.referral-earn-overview-page .showNumberbottom>div{align-items:center;background:#16213c;border-left:.5px solid #dadada;border-right:.5px solid #dadada;display:flex;flex:1;flex-direction:column;height:8.125rem;justify-content:center;position:relative;text-align:center}.referral-earn-overview-page .showNumberbottom>div:last-child{border-radius:0 5px 5px 0;border-right:none;margin-right:0}.referral-earn-overview-page .showNumberbottom>div:last-child:after{display:none}.referral-earn-overview-page .showNumberbottom>div:first-child{border-left:none;border-radius:5px 0 0 5px}.referral-earn-overview-page .showNumberbottom>div .num{color:#fff;font-size:.9375rem;font-weight:400}.referral-earn-overview-page .showNumberbottom>div .num span{color:#ff6316;font-size:1.25rem;font-weight:700}.referral-earn-overview-page .showNumberbottom>div .title{color:#fff;font-size:.875rem;font-weight:400;width:75%}.referral-earn-overview-page .refTitle{color:#fff;font-size:1rem;font-weight:400;margin-bottom:.5rem;margin-top:1.125rem}.referral-earn-overview-page .refTitle.other{color:#def2ff}.referral-earn-overview-page .borderBot{border-bottom:1px solid #fff;margin:1.25rem 0 1.375rem}.referral-earn-overview-page .referralboxreport{border-radius:5px;padding:.5625rem}.referral-earn-overview-page .referralboxreport .boxreportrefTitle{color:#fff;font-size:1rem;font-weight:500;text-align:left}.referral-earn-overview-page .referralboxreport .showNumberOther{align-items:center;background:#16213c;border-radius:9px;display:flex;height:3.5rem;margin-top:.6875rem;position:relative}.referral-earn-overview-page .referralboxreport .showNumberOther>div{color:#fff!important;flex:1;flex-direction:column;font-size:1rem;font-weight:500;text-align:center}.referral-earn-overview-page .referralboxreport .showNumberOther>div.sp{overflow:hidden}.referral-earn-overview-page .referralboxreport .showNumberOther>div.sp:after{background-color:#dadada;content:"";height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:.0625rem}.referral-earn-overview-page .referralboxreport .showNumberOther>div .fb{color:#ff6316;font-size:1.25rem;font-weight:500}.referral-earn-overview-page .referralboxreport .bgbox{margin-top:.625rem}.referral-earn-overview-page .referralboxreport .bgbox div{background-color:#16213c;border-radius:5px;color:#fff;display:flex;font-size:1rem;font-weight:500;height:2.8125rem;justify-content:space-between;line-height:2.8125rem;margin-bottom:.625rem;padding:0 1.75rem 0 1.25rem}.referral-earn-overview-page .qrBox{margin-bottom:1.9375rem;margin-top:2.375rem}.referral-earn-overview-page .qrBox>div{align-items:center;background:#ff6316;border-radius:11px;display:flex;height:14.375rem;justify-content:center;margin:0 auto;width:14.375rem}.referral-earn-overview-page .qrBox img{overflow:hidden;width:13.375rem}.referral-earn-overview-page .qrBox p{height:2.25rem;margin-top:1.6875rem;position:relative;text-align:center}.referral-earn-overview-page .qrBox p a{background:#ff6316;border-radius:6px!important;color:#fff;font-size:1rem;font-weight:600;height:2.25rem;left:50%;min-width:7rem;padding:.375rem 1.375rem;position:absolute;transform:translate(-50%);white-space:nowrap;z-index:2}.referral-earn-overview-page .bgp{align-items:center;background:#16213c;border-radius:5px;display:flex;font-size:.875rem;font-weight:400;height:2.75rem;justify-content:space-between;padding:.625rem 1.125rem}.referral-earn-overview-page .bgp a{color:#fff;flex:1}.referral-earn-overview-page .bgp img{cursor:pointer;flex-shrink:0;width:1.25rem}.referral-earn-overview-page .submitbox{margin-top:.875rem}.referral-earn-overview-page .submitbox .submitBtns{background:#ff6316!important;border:none;border-radius:5px;border-radius:5px!important;color:#fff;color:#fff!important;cursor:pointer;font-size:.875rem;font-size:14px!important;font-weight:700;height:2.5rem;padding:.625rem .9375rem;text-align:center;transition:opacity .3s ease}.referral-earn-overview-page .submitbox .submitBtns:hover{opacity:.9}.referral-earn-overview-page .submitbox .submitBtns:disabled{opacity:.5}.referral-earn-overview-page .submitbox .submitBtns:hover{color:#fff!important}.referral-earn-overview-page .shareboxWrap{background-color:#000c;height:100vh;position:fixed;right:0;top:0;width:100vw;z-index:999999}.referral-earn-overview-page .sharebox{background-color:#070f26;border:1px solid #ff6316;border-radius:5px;box-sizing:content-box;left:50%;padding:3.125rem 2.3125rem 2rem;position:absolute;top:50%;transform:translate(-50%,-50%);width:21.75rem}.referral-earn-overview-page .sharebox .close{cursor:pointer;position:absolute;right:.875rem;top:.6875rem;width:.9375rem}.referral-earn-overview-page .sharebox ul{display:flex;flex-wrap:wrap}.referral-earn-overview-page .sharebox ul li{align-items:center;background-color:#16213c;border-radius:10px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:.875rem;font-weight:400;height:6.6875rem;justify-content:center;margin-bottom:.625rem;margin-right:.625rem;padding:1.25rem;width:6.8125rem}.referral-earn-overview-page .sharebox ul li:nth-child(2n){margin-right:.625rem!important}.referral-earn-overview-page .sharebox ul li:nth-child(3n){margin-right:0!important}.referral-earn-overview-page .sharebox ul li img{height:2.5625rem;margin-bottom:.5625rem;width:2.5625rem}.referral-earn-overview-page .sharebox ul li span{flex:1}@media screen and (max-width:1250px){.overview .showNumber>div.two>p{padding:0}}@media screen and (max-width:1200px){.Upbox{flex-direction:column}}@media screen and (max-width:768px){.overview .refTitle{font-size:.875rem;font-weight:500;margin-bottom:.3125rem;margin-top:.625rem;padding:0 .875rem}.overview .showNumberbottom{flex-wrap:wrap;margin:.875rem .875rem 0!important}.overview .showNumberbottom>div{align-items:center;background:#16213c!important;border-left:none;border-radius:9px;border-right:none;display:flex;flex:auto!important;flex-direction:column;height:5rem!important;justify-content:center;margin-right:0;position:relative;text-align:center;width:50%}.overview .showNumberbottom>div:after{background-color:#fff;content:"";height:calc(100% - .5rem);position:absolute;right:0;top:50%;transform:translateY(-50%);width:.0625rem;z-index:10}.overview .showNumberbottom>div:last-child{border-radius:0 5px 5px 0!important}.overview .showNumberbottom>div:last-child:after{display:none}.overview .showNumberbottom>div:first-child{border-radius:5px 0 0 5px!important;margin-bottom:.3125rem}.overview .showNumberbottom>div:nth-of-type(2){border-radius:0 5px 5px 0!important;margin-bottom:.3125rem}.overview .showNumberbottom>div:nth-of-type(2):after{display:none}.overview .showNumberbottom>div:nth-of-type(3){border-radius:5px 0 0 5px!important}.overview .showNumberbottom>div .num{color:#fff;font-size:.8125rem;font-weight:600}.overview .showNumberbottom>div .num span{color:#ff6316;font-size:1.125rem;font-weight:500}.overview .showNumberbottom>div .title{color:#fff;font-size:.6875rem;font-weight:500;width:75%}.overview .qrBox{margin-bottom:0;margin-top:.5625rem}.overview .qrBox>div{border-radius:10px;height:11.375rem;margin:0 auto;width:11.375rem}.overview .qrBox img{overflow:hidden;width:10.625rem}.overview .qrBox p{height:1.9375rem;margin-top:.875rem;position:relative}.overview .qrBox p a{border-radius:6px;color:#fff;font-size:.875rem;font-weight:600;height:1.9375rem!important;left:50%;min-width:6.5rem;padding:.3125rem 1.125rem;position:absolute;text-align:center;transform:translate(-50%);white-space:nowrap;z-index:2}.overview .bgp{background:#16213c;border-radius:7px;font-size:.78125rem;height:2.125rem;margin:0 .875rem;padding:.5rem .6875rem}.overview .bgp a{color:#fff;font-size:.78125rem}.overview .bgp img{width:1.125rem!important}.overview .submitbox{margin:.875rem .875rem 0}.overview .submitbox .submitBtns{border-radius:7px!important;font-size:.875rem!important;font-weight:700;height:2.5rem}.overview .referralboxreport{background-color:#16213c;margin-top:.625rem;padding-bottom:.9375rem;padding-top:.9375rem}.overview .referralboxreport .boxreportrefTitle{font-size:.875rem;font-weight:500;padding-bottom:.3125rem;padding-left:.875rem;text-align:left}.overview .referralboxreport .showNumberOther{background-color:#070f26;border:none;border-radius:8px;display:flex;height:3.9375rem;margin:0 .875rem;padding:.75rem 0;position:relative}.overview .referralboxreport .showNumberOther>div{color:#fff!important;display:flex;flex:1;flex-direction:column;font-size:.875rem;font-weight:500;text-align:center}.overview .referralboxreport .showNumberOther>div.sp{overflow:hidden}.overview .referralboxreport .showNumberOther>div.sp:after{background:#fff;content:"";height:calc(100% - 1rem);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:.0625rem}.overview .referralboxreport .showNumberOther>div .fb{color:#ff6316;font-size:1.125rem;font-weight:600}.overview .referralboxreport .bgbox{margin-top:.8125rem}.overview .referralboxreport .bgbox div{background-color:transparent;border:none;border-radius:9px;color:#fff;display:flex;font-size:.875rem;font-weight:400;height:1.25rem;justify-content:space-between;line-height:1.25rem;line-height:2.8125rem;padding:0 .875rem}.overview .referralboxreport .bgbox div P{height:1.25rem;line-height:1.25rem;margin-bottom:.1875rem}.overview .sharebox{background:#070f26;border:1px solid #ff6316;border-radius:10px;box-sizing:content-box;left:50%;padding:1.875rem 1.3125rem .5rem!important;position:absolute;top:50%;transform:translate(-50%,-50%);width:10rem}.overview .sharebox .close{cursor:pointer;position:absolute;right:.625rem;top:.75rem;width:.625rem}.overview .sharebox ul{display:flex;flex-wrap:wrap}.overview .sharebox ul li{align-items:center;background-color:#16213c;border-radius:10px;box-shadow:none;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;font-size:.625rem;height:4.625rem;justify-content:center;margin-bottom:.625rem;margin-right:.625rem;padding:1.25rem;width:4.625rem}.overview .sharebox ul li:nth-child(3n){margin-right:.625rem!important}.overview .sharebox ul li:nth-child(2n){margin-right:0!important}.overview .sharebox ul li img{height:1.75rem;margin-bottom:.5625rem;width:1.75rem}.overview .sharebox ul li span{flex:1}}