@font-face{font-family:"Text-Regular";src:url("../../../common/font/SF-UI-Text-Regular.otf")}[v-cloak]{display:none}#app{width:10rem;height:21.65333rem;position:relative;background-image:url("../images/bg.png");background-repeat:no-repeat;background-size:100%;overflow:hidden}#app .header{width:10rem;height:1.33333rem;background:#ffffff;position:relative}#app .header img{width:.64rem;height:.64rem;position:absolute;left:.32rem;top:.34667rem}#app .header h2{font-weight:500;font-size:.42667rem;color:#333333;line-height:1.33333rem;text-align:center}#app .make_friends{width:7.30667rem;height:1.89333rem;margin:.29333rem auto 0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-align-items:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-justify-content:center;-webkit-justify-content:center;justify-content:center;background-image:url("../images/make_friends.png");background-repeat:no-repeat;background-size:100%}#app .make_friends span{font-weight:600;font-size:.48rem;color:#333333}#app .anchor_info{width:10rem;height:12.74667rem;margin:-.26667rem auto 0;overflow:hidden;background-image:url("../images/content_bg.png");background-repeat:no-repeat;background-size:100%}#app .anchor_info .invite_txt{font-weight:600;font-size:16px;color:#333333;line-height:22px;margin:26px 68px 0}#app .anchor_info .anchor_info_room{width:215px;height:267px;margin:17px auto 0;position:relative;box-sizing:border-box;border:1px solid transparent;background-image:url("../images/anchor_info_room.png");background-repeat:no-repeat;background-size:100%}#app .anchor_info .anchor_info_room .cover{width:187px;margin:17px auto 0;border-radius:.32rem}#app .anchor_info .anchor_info_room .room_name{width:187px;height:.90667rem;font-weight:600;font-size:.37333rem;color:#333333;line-height:.90667rem;text-align:center;border-radius:0 0 .32rem .32rem;background:linear-gradient(to bottom, rgba(238,238,238,0), #4eff9f);position:absolute;left:.37333rem;bottom:.45333rem}#app .anchor_info .anchor_info_room .icon_gifts{width:1.89333rem;height:1.57333rem;position:absolute;right:-.98667rem;bottom:-.08rem}#app .anchor_info .join_btn{width:4.56rem;height:1.06667rem;background:linear-gradient(180deg, #dafee4 0%, #36e862 100%);border-radius:.50667rem;margin:.4rem auto 0;font-weight:600;font-size:.37333rem;color:#333333;line-height:1.06667rem;text-align:center}#app .anchor_info .anchor_info_detail{width:100%;height:1.28rem;position:relative;display:flex;align-items:center;overflow:hidden;margin-top:.21333rem}#app .anchor_info .anchor_info_detail img{width:1.28rem;height:1.28rem;border-radius:50%;overflow:hidden;margin-left:.74667rem}#app .anchor_info .anchor_info_detail .anchor_name{font-weight:600;font-size:.37333rem;color:#333333;line-height:.53333rem;margin-left:.32rem}#app .anchor_info .anchor_info_detail .anchor_id{font-weight:600;font-size:.37333rem;color:#333333;line-height:.53333rem;position:absolute;right:.82667rem}#app .user_name{font-weight:400;font-size:16px;color:#333333;line-height:22px;margin:12px 0 0 12px}#app .user_name span{font-weight:600}#app .download{width:375px;height:83px;background:rgba(255,255,255,0.7);border-radius:10px 10px 0px 0px;border:1px solid #ffffff;box-sizing:border-box;position:fixed;bottom:0;left:0;display:flex;align-items:center}#app .download img{width:44px;height:45px;margin:0 12px}#app .download p{font-weight:600;font-size:16px;color:#333333;line-height:22px}#app .download .btn{width:112px;height:36px;background:linear-gradient(180deg, #8afdce 0%, #52fba0 100%);border-radius:18px;position:absolute;right:12px;font-weight:600;font-size:12px;color:#333333;line-height:36px;text-align:center}#app .popup{width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(0,0,0,0.5);font-family:Text-Regular}#app .popup .content{width:8.53333rem;height:5.33333rem;border-radius:.42667rem;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:#fff}#app .popup .content p{font-size:.37333rem;color:#3c3c3c;text-align:center;line-height:.58667rem;padding:1.33333rem 1.22667rem;box-sizing:border-box}#app .popup .content div{display:flex;justify-content:space-between;box-sizing:border-box;padding:0 .42667rem}#app .popup .content div span{width:3.62667rem;height:1.06667rem;border-radius:.53333rem;text-align:center;line-height:1.06667rem;font-size:.32rem;color:#3c3c3c}#app .popup .content div span.cancel{background:rgba(78,189,122,0.16);color:#4ebd7a}#app .popup .content div span.sure{background:linear-gradient(270deg, #18e9c0 0%, #bef278 100%)}