.games-box{padding:10px;background:#fafafa;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.left-box1{width:380px;height:calc(100vh - 20px);border-right:1px solid #ccc;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow-y:auto}.record-list{overflow-y:auto;height:400px;margin-top:20px}.record-title{margin-bottom:8px}.rank-title,.record-title{font-size:16px;font-weight:700}.rank-title{margin:20px 0 8px}.rank-empty{color:#999;padding:10px 0}.rank-empty,.rank-list{font-size:13px}.rank-head,.rank-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:5px 0;border-bottom:1px solid #f0f0f0;gap:4px}.rank-head{font-weight:700;color:#555}.col-no{-webkit-box-flex:0;-ms-flex:0 0 30px;flex:0 0 30px;text-align:center}.col-user{-webkit-box-flex:1;-ms-flex:1 1 60px;flex:1 1 60px}.col-times{-ms-flex:0 0 45px;flex:0 0 45px}.col-times,.col-timeuse{-webkit-box-flex:0;text-align:center}.col-timeuse{-ms-flex:0 0 55px;flex:0 0 55px}.col-time{-webkit-box-flex:0;-ms-flex:0 0 120px;flex:0 0 120px;text-align:left}.col-time,.col-times,.col-timeuse,.col-user{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.right-box{height:calc(100vh - 20px);width:calc(100vw - 450px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottle-box{width:80px;height:200px;margin:10px;border-radius:5px}.bottle-box:before{position:absolute;width:50px;height:20px;border-top-left-radius:5px;border-top-right-radius:5px;content:"";left:15px;top:-19px;background:#ffffff;border:1px solid #ececec}.meng-box{margin-top:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.icon{font-size:70px;font-style:bold}