.portrait-control[data-v-a8257cb2]{background-color:#222;height:100vh;overflow:hidden}.portrait-control .videoPanel[data-v-a8257cb2]{height:62.5vw;background:linear-gradient(315deg,#1f1f1f,#181818 .08%,#505050)}.portrait-control .otherPanel[data-v-a8257cb2]{padding:4.2vw 3.1vw;height:calc(100vh - 109.4vw);-webkit-box-sizing:border-box;box-sizing:border-box;overflow-y:scroll}.portrait-control .otherPanel .mapPanel[data-v-a8257cb2]{border-radius:3.1vw}.portrait-control .otherPanel .mapPanel .myMap[data-v-a8257cb2]{height:31.3vw;width:100%;border-radius:2.1vw}.portrait-control .infoPanel[data-v-a8257cb2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 3.1vw;border-bottom:1px solid #4c4c4c;-webkit-box-sizing:border-box;box-sizing:border-box;height:15.6vw}.portrait-control .infoPanel .left[data-v-a8257cb2]{color:#fff}.portrait-control .infoPanel .right .timeGroup[data-v-a8257cb2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.portrait-control .infoPanel .right .timeGroup img[data-v-a8257cb2]{width:6.3vw;height:6.3vw;margin-right:.8vw}.portrait-control .infoPanel .right .timeGroup span[data-v-a8257cb2]{font-size:3.9vw;color:#fff}.portrait-control .operationPanel[data-v-a8257cb2]{background:rgba(93,93,93,.5);height:31.3vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.portrait-control .operationPanel .photo[data-v-a8257cb2]{color:#fff}.portrait-control .operationPanel .left_joystick[data-v-a8257cb2],.portrait-control .operationPanel .right_joystick[data-v-a8257cb2]{width:31.3vw;height:20.8vw;position:relative}