html{font-family:PingFang SC,miui,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,sans-serif;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body,html{margin:0;border:0;padding:0;height:100%;overflow:hidden;-ms-touch-action:manipulation;touch-action:manipulation}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}.home{padding:4.267vw 0;box-sizing:border-box;height:100vh;overflow-y:auto;background-color:#2c3e50;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.home .romItem{display:inline-block;width:33vw;height:40vw;text-align:center}.home .romItem img{width:30vw;height:30vw}.home .romItem .romName{height:6vw;font-size:4.267vw;color:#fff;line-height:6vw;text-align:center}.playGround{height:100vh;background-color:#bdc1cd;text-align:center}.playGround .screenWrap{width:87.2vw;height:calc(50vh - 12.8vw);padding:12.8vw 6.4vw 0 6.4vw}.playGround .screenWrap .screen{width:100%;height:calc(100% - 12.8vw)}.playGround .screenWrap .screen .nesWrap{border-radius:2.133vw}.playGround .screenWrap .setting{font-size:4.267vw;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:12.8vw}.playGround .screenWrap .setting div{width:21.333vw;height:6.4vw;line-height:6.4vw;color:#fff;background-color:#2f88ff;border-radius:1.067vw;border:.8vw solid #000}.playGround .operation{width:100vw}.playGround .operation,.playGround .operation .opRightWrap{height:50vh;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.playGround .operation .opRightWrap{width:50vw;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.playGround .operation .opRightWrap .opRight{height:38.4vw;width:38.4vw;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-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.playGround .operation .opRightWrap .opRight .r1{height:13.333vw;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.playGround .operation .opRightWrap .opRight .r1 .buttonUpLeft{width:12.533vw;height:12.533vw;border-top:.8vw solid #000;border-left:.8vw solid #000;border-right:.8vw solid #000;background-color:green;border-radius:2.133vw}.playGround .operation .opRightWrap .opRight .r1 .buttonUp{width:10.133vw;height:12.533vw;border-top:.8vw solid #000;border-left:.8vw solid #000;border-right:.8vw solid #000;background-color:#2f88ff;border-radius:2.133vw}.playGround .operation .opRightWrap .opRight .r1 .buttonUpRight{width:12.533vw;height:12.533vw;border-top:.8vw solid #000;border-left:.8vw solid #000;border-right:.8vw solid #000;background-color:green;border-radius:2.133vw}.playGround .operation .opRightWrap .opRight .r2{height:13.333vw;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.playGround .operation .opRightWrap .opRight .r2 .buttonLeft{width:12.533vw;height:10.133vw;border-top:.8vw solid #000;border-left:.8vw solid #000;border-bottom:.8vw solid #000;background-color:#2f88ff;border-radius:2.133vw}.playGround .operation .opRightWrap .opRight .r2 .buttonCenter{width:12.267vw;height:12.267vw;background-color:#2f88ff;border-radius:2.133vw}.playGround .operation .opRightWrap .opRight .r2 .buttonRight{width:12.533vw;height:10.133vw;border-top:.8vw solid #000;border-right:.8vw solid #000;border-bottom:.8vw solid #000;background-color:#2f88ff;border-radius:2.133vw}.playGround .operation .opRightWrap .opRight .r3{height:13.333vw;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.playGround .operation .opRightWrap .opRight .r3 .buttonDownLeft{width:12.533vw;height:12.533vw;border-bottom:.8vw solid #000;border-left:.8vw solid #000;border-right:.8vw solid #000;background-color:green;border-radius:2.133vw}.playGround .operation .opRightWrap .opRight .r3 .buttonDown{width:10.133vw;height:12.533vw;border-bottom:.8vw solid #000;border-left:.8vw solid #000;border-right:.8vw solid #000;background-color:#2f88ff;border-radius:2.133vw}.playGround .operation .opRightWrap .opRight .r3 .buttonDownRight{width:12.533vw;height:12.533vw;border-bottom:.8vw solid #000;border-left:.8vw solid #000;border-right:.8vw solid #000;background-color:green;border-radius:2.133vw}.playGround .operation .opLeftWrap{width:50vw;height:50vh;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.playGround .operation .opLeftWrap .opLeft{height:32vw;width:32vw;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-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.playGround .operation .opLeftWrap .opLeft .l1{height:13.333vw;width:100%}.playGround .operation .opLeftWrap .opLeft .l1 .buttonAB{line-height:11.733vw;font-size:4.8vw;height:11.733vw;width:30.4vw;border-radius:11.733vw;border:.8vw solid #000;background-color:#2f88ff;font-weight:700}.playGround .operation .opLeftWrap .opLeft .l2{height:13.333vw;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.playGround .operation .opLeftWrap .opLeft .l2 .buttonA,.playGround .operation .opLeftWrap .opLeft .l2 .buttonB{line-height:11.733vw;font-size:4.8vw;height:11.733vw;width:11.733vw;border-radius:11.733vw;border:.8vw solid #000;background-color:#2f88ff;font-weight:700}