body{padding:.36rem .24rem .66rem .24rem;overflow-x:hidden;-webkit-overflow-scrolling:touch;background-color:#f7f7f7}header{height:4.68rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%}header,section{background-color:#fbfbfb;border-radius:.2rem;box-shadow:0 0 .2rem rgba(100,100,100,.1);overflow:hidden}header img{width:100%;height:3.4rem}header .roof{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:.24rem}header .roof-item{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.roof-item img{width:.8rem;height:.8rem;margin-left:.24rem;border-radius:.1rem}.roof-item .roof-msg{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:.8rem;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;padding-left:.24rem}.roof-name{color:#505050;font-weight:700}.roof-player{color:#787878;font-size:.2rem}.roof-jump{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;color:#fc4c32;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;padding-right:.24rem}.roof-jump div{padding:.14rem 0;width:1.4rem;text-align:center;border:1px solid #fc4c32;border-radius:.15rem;font-weight:700;margin-left:auto;letter-spacing:.01rem}section{margin-top:.36rem;padding:0 .24rem}.gameType{height:.78rem;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.yellow-line{width:.06rem;height:.3rem;background:#ffd941;border-radius:.1rem}.gameType-name{color:#000;font-size:.3rem;font-weight:700;padding-left:.14rem}.green-circle{width:.24rem;height:.29rem;margin-left:.14rem}.gameRow{height:2.07rem;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}#mygame .gameRow{overflow-x:scroll}.gameItem{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:22%;margin-right:4.5%}#mygame .gameItem{margin-right:4.5%}.gameItem img{width:1.4rem;height:1.4rem;border-radius:.2rem}.gameName{color:#505050;font-size:.26rem;font-weight:700;padding-top:.14rem;overflow:hidden;width:1.4rem;text-align:center;white-space:nowrap;text-overflow:ellipsis}