*{margin:0;padding:0}#app,body,html{height:100%}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{text-align:center;font-size:28px;font-family:"\5E7C\5706";margin-bottom:15px}.iframe-box{width:888px;height:500px;position:absolute;left:50%;top:10px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.iframe-box>.iframe-item{width:100%;height:100%;border:none;display:block;overflow:hidden}.set-menu{position:absolute;top:10px;width:270px;min-height:600px;padding-bottom:10px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#051826;border:1px solid #fff;left:50px}.set-menu header{height:40px;background-color:#152835;color:#fff;line-height:40px;padding:0 15px}.set-menu .main{padding:15px}.flex-between-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.set-menu .flex-between-center{padding:5px 10px;margin:1em 0;background-color:#152835;color:#fff;font-size:14px}.set-menu .flex-between-center .title{min-width:80px;color:#fff}.set-menu .flex-between-center .content{width:140px;padding:0 8px}.set-menu .flex-between-center .content .el-input,.set-menu .flex-between-center .content .el-input-number,.set-menu .flex-between-center .content .el-slider{width:100%}.set-menu .el-collapse{border:none}.set-menu .el-collapse .el-collapse-item__header,.set-menu .el-collapse .el-collapse-item__wrap{border:1px solid #010b12;background-color:#152835;color:#fff}.set-menu .el-collapse .el-collapse-item__header{padding-left:15px;font-size:15px}