.container{width:100vw;height:21.65333rem;overflow-y:scroll;position:relative}.container,.title{background-repeat:no-repeat;background-size:100% 100%}.title{width:6.74667rem;height:1.86667rem;margin:1.10667rem auto 0}.nav_back{width:.65333rem;height:.65333rem;background-repeat:no-repeat;background-size:100% 100%;position:absolute;top:1.41333rem;left:.29333rem}.tip_btn{left:0}.rank_btn,.tip_btn{width:1.62667rem;height:1.88rem;background-repeat:no-repeat;background-size:100% 100%;position:absolute;top:3.46667rem}.rank_btn{right:0}.head_box{width:2.02667rem;height:2.4rem;position:absolute;top:3.41333rem;left:50%;margin-left:-1.01333rem}.head{height:2.02667rem;border-radius:50%;z-index:9}.head,.nickname{width:2.02667rem;position:relative}.nickname{height:.53333rem;text-align:center;color:#fff;line-height:.53333rem;background-repeat:no-repeat;background-size:100% 100%;font-size:.29333rem;margin-top:-.26667rem;z-index:99;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress_box{width:6.85333rem;height:.66667rem;margin:3.13333rem auto 0}.progress_info{-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;color:#e27a12;font-size:.32rem}.progress,.progress_info{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.progress{width:6.66667rem;padding:0 .09333rem;height:.29333rem;background-repeat:no-repeat;background-size:100% 100%;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.progress_value{display:block;width:100%;height:.16rem;border-radius:.08rem;background:#ffc227}.receive_info{width:8.61333rem;height:1.61333rem;background-repeat:no-repeat;background-size:100% 100%;margin:.32rem auto 0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.left,.mid,.right{-webkit-box-flex:1;-webkit-flex:1;flex:1}.info_title{font-size:.29333rem;color:#000}.info_title,.info_value{font-weight:700;text-align:center}.info_value{font-size:.4rem;color:#e27a12;margin-top:.21333rem}.nav_box{width:8.69333rem;margin:.33333rem auto 0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.nav,.nav_box{height:1.01333rem}.nav{width:2.85333rem;line-height:1.46667rem;text-align:center;background-repeat:no-repeat;background-size:100% 100%;color:#e27a12;font-weight:700}.gift_box{height:10.89333rem;width:9.14667rem;overflow-y:scroll;margin:.32rem auto 0}.gift_box::-webkit-scrollbar{width:0}.gift_item{width:9.14667rem}.gift_title{width:3.66667rem;height:.70667rem;background-repeat:no-repeat;background-size:100% 100%;margin:.34667rem auto 0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.gift_name{color:#e0ab61}.gift_name,.gift_num{font-size:.32rem;font-weight:700}.gift_num{color:#ff5ba2;margin-left:.13333rem}.gift_content{min-height:3.88rem;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-top:.48rem}.gift{width:2.82667rem;height:3.89333rem;margin:.17333rem 0 0 .17333rem;background-repeat:no-repeat;background-size:100% 100%;position:relative;z-index:9}.g_img{height:2.82667rem;bottom:.66667rem;z-index:99}.g_img,.g_name{width:2.82667rem;position:absolute;left:0}.g_name{color:#000}.g_name,.g_name_disabled{height:.66667rem;bottom:0;line-height:.66667rem;text-align:center;font-size:.32rem}.g_name_disabled{left:0;color:#999}.count,.g_name_disabled{width:2.82667rem;position:absolute}.count{height:.53333rem;line-height:.53333rem;top:0;left:50%;margin-left:-1.41333rem;z-index:999;text-align:center;line-height:.82667rem;font-size:.32rem;color:#ff73cc}.mask{width:100%;height:100%;background:rgba(0,0,0,.8);position:fixed;top:0;left:0;z-index:9999}.list_content{width:9.38667rem;height:15.96rem;background-repeat:no-repeat;background-size:100% 100%;position:absolute;top:2.84rem;left:50%;margin-left:-4.69333rem;z-index:9999}.top_three_box{width:8.42667rem;height:3.73333rem;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin:3.73333rem auto 0}.top_one{margin-top:-1.33333rem}.top_one,.top_three,.top_two{width:2.34667rem;height:3.38667rem;background-repeat:no-repeat;background-size:100% 100%}.rank_list{width:8.42667rem;height:7.33333rem;margin:.4rem auto 0;overflow-y:scroll}.rank_item{width:8.42667rem;height:1.45333rem;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin-top:.21333rem}.index,.rank_item{background-repeat:no-repeat;background-size:100% 100%}.index{width:1.04rem;height:.48rem;text-align:center;font-size:.45333rem;line-height:.48rem;color:#f5d49d;margin-left:.29333rem}.head_face{width:.85333rem;height:.85333rem;border-radius:50%;margin-left:.21333rem}.head_face_big{width:1.26667rem;height:1.26667rem;border-radius:50%;margin:.77333rem auto 0;display:block}.item_left{width:70%;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.item_left,.item_right{display:-webkit-box;display:-webkit-flex;display:flex}.item_right{margin-right:.29333rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:end;-webkit-align-items:flex-end;align-items:flex-end}.name_level{margin-left:.29333rem}.nickname_list,.nickname_top{font-size:.32rem;color:#000}.nickname_top{text-align:center;margin-top:.13333rem}.level_list{color:#ff6fbe}.gift_number,.level_list{font-size:.32rem;margin-top:.08rem}.gift_number{color:#ff9e49}.level_two{color:#4aa5f9}.level_one,.level_two{font-size:.32rem;text-align:center;margin-top:.12rem}.level_one{color:#ff6fbe}.level_three{font-size:.32rem;color:#f98b5b;text-align:center;margin-top:.12rem}.rule_box{width:7.73333rem;height:12.10667rem;overflow-y:scroll;margin:2.16rem auto 0}.rank_list::-webkit-scrollbar,.rule_box::-webkit-scrollbar{width:0}.rule_text{width:7.73333rem;height:21.44rem;background-repeat:no-repeat;background-size:100% 100%}