@font-face{font-family:"akrobat";src:url("../../../common/font/akrobat-black-webfont.ttf")}@font-face{font-family:"Gilroy-HeavyItalic";src:url("../../../common/font/futura/Gilroy-HeavyItalic.otf")}.wrap{width:10rem;height:21.65333rem;background-image:url("../images/invite_main.png");background-repeat:no-repeat;background-size:100%;overflow:scroll;position:relative}.wrap .top_head{width:10rem;height:2.21333rem;display:flex;align-items:center;background-image:url("../images/download_top.png");background-repeat:no-repeat;background-size:100%}.wrap .top_head img{width:1.17333rem;height:1.2rem;margin:0 .32rem}.wrap .top_head p{font-weight:600;font-size:.42667rem;color:#333333;line-height:.58667rem}.wrap .top_head .down_btn{width:2.98667rem;height:.96rem;background:linear-gradient(180deg, #8afdce 0%, #52fba0 100%);border-radius:.45333rem;font-weight:600;font-size:.32rem;color:#333333;line-height:.96rem;text-align:center;position:absolute;right:.32rem}.wrap .invite{width:8.50667rem;height:8.18667rem;margin:1.41333rem auto 0;box-sizing:border-box;border-top:.02667rem solid transparent;position:relative;background-image:url("../images/invite_code.png");background-repeat:no-repeat;background-size:100%}.wrap .invite .head_box{width:1.86667rem;height:1.86667rem;border-radius:50%;margin:-.8rem auto 0;overflow:hidden}.wrap .invite .head_box .invited_head{max-width:100%;max-height:100%;display:none}.wrap .invite .invited_name{font-weight:600;font-size:.37333rem;color:#333333;line-height:.53333rem;text-align:center;margin-top:.10667rem}.wrap .invite .title{font-weight:600;font-size:.37333rem;color:#333333;line-height:.53333rem;text-align:center}.wrap .invite .invite_code{width:6.58667rem;height:2.61333rem;border-radius:.21333rem;background:linear-gradient(to right, #85fbba, #adffb1);position:absolute;left:50%;transform:translateX(-50%);bottom:1.25333rem;overflow:hidden}.wrap .invite .invite_code .copy{font-weight:600;font-size:.37333rem;color:rgba(51,51,51,0.62);line-height:.53333rem;text-align:center;margin-top:.4rem}.wrap .invite .invite_code .id_val{font-weight:600;font-size:.96rem;color:#333333;line-height:1.33333rem;text-align:center}.wrap .more_live{font-weight:600;font-size:.37333rem;color:#333333;line-height:.53333rem;margin:.64rem 0 0 .74667rem}.wrap .live_room_list{margin:.26667rem .74667rem .42667rem;display:flex;justify-content:space-between;flex-wrap:wrap}.wrap .live_room_list li{width:4.02667rem;height:4.24rem;border-radius:.21333rem;overflow:hidden;margin-bottom:.32rem;position:relative}.wrap .live_room_list li img{width:100%;height:100%}.wrap .live_room_list li div{width:151px;height:55px;background:linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.4) 100%);border-radius:0px 0px 6px 6px;overflow:hidden;position:absolute;bottom:0;left:0}.wrap .live_room_list li div span{max-width:2.13333rem;font-family:SFProDisplay, SFProDisplay;font-weight:500;font-size:.37333rem;color:#ffffff;line-height:.42667rem;text-align:center;display:block;margin:.90667rem auto 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dtoast{max-width:5.33333rem;word-break:normal;background:rgba(51,51,51,0.8);color:white;padding:.32rem .42667rem .32rem .42667rem;font-size:.48rem;position:fixed;left:50%;top:50%;transform:translate(-50%);border-radius:.32rem;text-align:center;display:none;opacity:0;transition:opacity 0.8s linear}.dtoast.active{display:block}