.ranking-container[data-v-e095b88c]{width:100%;height:100%;background:url(../img/背景@2x.4acb927b.png) no-repeat 0 0;background-size:100% 100%;position:relative}.ranking-container .page-title[data-v-e095b88c]{font-size:.64rem;font-family:Microsoft YaHei;font-weight:700;color:#fff;text-indent:1.3rem;padding-top:2.05rem}.ranking-container .content[data-v-e095b88c]{width:100%;margin-top:.34rem;box-sizing:border-box;padding:0 .15rem;height:75%}.ranking-container .content .top[data-v-e095b88c]{width:100%;height:1.12rem;background:url(../img/圆角矩形\ 1@2x.7b0a9d42.png) no-repeat 0 0;background-size:100% 100%;display:flex}.ranking-container .content .top .item[data-v-e095b88c]{flex:1;text-align:center;font-size:.3rem;font-family:PingFang SC;font-weight:500;color:#000;line-height:1.12rem}.ranking-container .content .top .item.active[data-v-e095b88c]{font-size:.34rem;font-family:PingFang SC;font-weight:700;color:#ffa100;position:relative}.ranking-container .content .top .item.active[data-v-e095b88c]:after{display:block;content:" ";width:.5rem;height:.06rem;background-color:#ffa100;border-radius:.1rem;position:absolute;left:50%;transform:translateX(-50%);bottom:.1rem}.ranking-container .content .middle[data-v-e095b88c]{height:calc(100% - 2.24rem);background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaYAAADGBAMAAADbBUpcAAAAAXNSR0IArs4c6QAAACpQTFRF8JsG8ZsH8JMA8JYA8ZsH9bE79bRE/N6n/OKv//LW//Xe//bf//vr//vsH6e8WAAAAAJ0Uk5Te/eZgQq6AAABo0lEQVR42u3SQRWAIABEwZUEBOFMAhNZw1AUIIUBzOCZCPJmjnvc948zi7dfI/AXpd1PXZZZvMJumbsATYOmQdOgadA0mgZNg6ZB06BpNA2aBk2DpkHTaBo0DZoGTYOm0TRoGjQNmgZNo2nQNGgaNA2aRtOgadA0aBo0DZpG06Bp0DRoGjSNpkHToGnQNGgaTYOmQdOgadA0mgZNg6ZB06BpNA2aBk2DpkHTaBo0DZoGTYOmQdNoGjQNmgZNg6bRNGgaNA2aBk2jadA0aBo0DZpG06Bp0DRoGjSNpkHToGnQNGgaTYOmQdOgadA0aBpNg6ZB06Bp0DSaBk2DpkHToGk0DZoGTYOmQdNoGjQNmgZNg6bRNGgaNA2aBk2jadA0aBo0DZpG0y5A06Bp0DRoGjSNpkHToGnQNGgaTYOmQdOgadA0mgZNg6ZB06BpNA2aBk2DpkHTaBo0DZoGTYOm0TRoGjQNmgZNg6bRNGgaNA2aBk2jadA0aBo0DZpG06Bp0DRoGjSNpkHToGnQNGgaTYOmQdOgadA0mgZNg6ZB06BpSPIB21cGnCb1CR8AAAAASUVORK5CYII=) repeat-y 0 0;background-size:contain;margin-top:-2px;margin-bottom:-.5rem;position:relative}.ranking-container .content .middle .drop[data-v-e095b88c]{width:4.78rem;height:.62rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA5AAAABcCAMAAAAvUKpEAAAAAXNSR0IArs4c6QAAAQJQTFRFAAAA/5kA/6oA/5IA/58A/44A5pkA6pUA75cI8JsI8J4I8ZwH8ZgH8poH7psG750F75wF8JsF8J0F8JsI8JwI8JoI8JsH8J0H8ZwH8ZoH8ZwH8poH8pwH8pwG8poG8poI8psI8pwI8psI8JsH8ZsH8ZwH8ZwI8ZsI8psI8pwI8JoH8JsH8JoH8JsH8ZoH8ZsH8psH8pwH8ZsI8ZwI8ZsI8ZsI8psH8psH8pwH8ZsG8ZsG8ZwG8ZsI8ZsI8JsH8ZsH8ZoH8ZsH8ZwH8ZwH8ZsH8ZsH8ZsH8ZsG8ZsI8ZsH8ZsH8ZsH8ZsH8ZsH8ZsH8ZsH8ZsH8ZsH8ZsH8ZsH8ZsH8ZsHsGGAUAAAAFV0Uk5TAAUGBwgJCgwgISIkJSYuLzEzNEJDREVGSElLTE1QUWBhYmNpa2yDhIWIiYqLjI6WmZqmp6ipqqusxsfIysvT1NXZ2t/g6ers7e/w8vP1+Pn6+/z9/lqVQGQAAAMESURBVBgZ7cHrQhNXAIXRnYCk3AtaC0pTKKUUMmBrTGxAq2AAIZHAdPb7v0rFKyKXBJI558e3lroxPLu49qyxc9A2gB61D3Yaz9YWZ4fVD8X7640TA7ijk8b6/aLupPDL05YB9Enrabmg2xpL9gygr/aSMd3GdD01gL5L61Pq1fjzzAAG4r/6uHpR2ugYwMB0Nkrq2vwbAxioN/PqTmEzM4AByzYL6sLoCwPIwYtR3ejRoQHk4vCRbvB7agA5SVd0rT8MIEerukZiALlKdKVVA8jZqq6wbAC5W9alFlIDyF26oEtMHhlAAEeT+s7IvwYQxOsRXfTEAAJ5ogvmMgMIJJvTN0pNAwimWdJ5FQMIKNE5E8cGENDxhL6qGUBQNX0xlRlAUNm0PqsZQGA1ffLDqQEEdjqqjyoGEFyiD4r7BhDcflFnygYQgbLOVA0gAlW9N9Q2gAi0hyT9ZABReCipYgBRqEjaMoAobEvDHQOIQueeZgwgEjP61QAisaQ1A4jEumoGEImaGgYQiYZ2DSASOzowgEgcqGUAkWjJAKIhA4iGWgYQiZYODCASB9o1gEjsqmEAkWioZgCRqGnNACKxrkUDiMRvmjGASMxouGMAUejck7YMIArbkioGEIWKpIcGEIWfJQ21DSAC7SG9VzWACFR1pmwAESjrTHHfAILbL+qDxACC29BHo6cGENjpmD6pGUBgNX02nRlAUNm0vqgZQFB1fTVxbAABHU/onIoBBJTovFLTAIJplvSNOQMIZk4X/GUAgfyti0ZeGUAQr0f0nckjAwjgaFKXWEgNIHfpgi61bAC5W9YVVg0gZ3/qSokB5GpD11g1gByt6lorqQHkJF3RDR4fGkAuDh/rRqMvDSAHL0fVhcJmZgADlm0W1J35pgEMVHNeXSttdAxgYDobJfVi/J/MAAYiez6uXv1YTw2g79L6lG5jLNkzgL7aS8Z0W8VytWUAfdKqlod0J8UHyfaJAdzRyXbyoKh+GJ5dWqs3dt++M4AevXu7u1VfX5odVhf+ByPxef6OLRboAAAAAElFTkSuQmCC) no-repeat 0 0;background-size:100% 100%;display:flex;justify-content:center;align-items:center;margin:0 auto .43rem;margin-top:.1rem}.ranking-container .content .middle .drop .txt[data-v-e095b88c]{font-size:.28rem;font-family:PingFang SC;font-weight:500;color:#fff;vertical-align:middle}.ranking-container .content .middle .drop .drop-icon[data-v-e095b88c]{width:.17rem;padding-left:.1rem;vertical-align:middle}.ranking-container .content .middle .content-header[data-v-e095b88c]{display:flex}.ranking-container .content .middle .content-header .item[data-v-e095b88c]{flex:1;text-align:center;font-size:.26rem;font-family:PingFang SC;font-weight:500;color:#000}.ranking-container .content .middle .list-wraper[data-v-e095b88c]{width:100%;margin-top:.3rem;height:5.5rem;overflow:auto}.ranking-container .content .middle .list-wraper .list-item[data-v-e095b88c]{width:100%;display:flex}.ranking-container .content .middle .list-wraper .item[data-v-e095b88c]{flex:1;text-align:center;line-height:.42rem;margin:.15rem 0}.ranking-container .content .middle .list-wraper .rank img[data-v-e095b88c]{width:.5rem}.ranking-container .content .middle .list-wraper .user[data-v-e095b88c]{display:flex}.ranking-container .content .middle .list-wraper .user .avatar[data-v-e095b88c]{width:.42rem;height:.42rem;border-radius:50%;vertical-align:middle}.ranking-container .content .middle .list-wraper .user span[data-v-e095b88c]{text-align:left;vertical-align:middle;margin-left:.23rem;flex:1}.ranking-container .content .bottom[data-v-e095b88c]{width:100%;height:1.12rem;background:url("../img/圆角矩形 1 拷贝 2@2x.f4e0e77b.png") no-repeat 0 0;background-size:100% 100%}.rule[data-v-e095b88c]{width:1.43rem;height:.6rem;position:absolute;right:0;top:.8rem}.rule img[data-v-e095b88c]{widows:100%;height:100%}.popup-wraper[data-v-e095b88c]{width:5.52rem;position:relative}.popup-wraper img[data-v-e095b88c]{width:100%}.popup-wraper .btn[data-v-e095b88c]{width:2.82rem;height:.9rem;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}