*{margin:0;padding:0}#app,body,html{height:100%;background-color:#292c33}.box{width:500px;height:800px;margin:0 auto;position:relative}.box .c4{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.box .screen{width:65%;height:8.8%;left:22.7%;top:10%;border-radius:10px;text-align:center;justify-content:center;align-items:center;font-size:1.8rem;overflow:hidden;text-overflow:ellipsis}.box .btns,.box .screen{position:absolute;display:flex;opacity:.5}.box .btns{width:36.5%;height:29%;left:29.5%;top:49.5%;flex-wrap:wrap;justify-content:space-between}.box .btns>div{width:50px;height:50px;opacity:.5;margin-right:10px;margin-bottom:12px}.box .btns>div:nth-child(3n){margin-right:0}.info,.setting{position:absolute;left:20px;top:20px}.info>div,.setting>div{margin-bottom:20px}.info>div h1,.info>div p,.setting>div h1,.setting>div p{color:#fff}.info>div input,.setting>div input{padding:10px 5px;font-size:1.2rem}.menu{position:absolute;bottom:10px;left:10px;color:#fff}.menu>div:hover{color:#7fffd4;cursor:pointer}.btn{display:inline-block;padding:10px 30px;border-radius:5px;background-color:#5a9cf8;color:#fff;cursor:pointer}