*{margin: 0;padding: 0;box-sizing: border-box;}
body{background-color:#000;line-height: 30px;}
.vsdom{display: flex;align-content: center;flex-direction: column;height: 100vh;}
.vsdom dl{flex: 1; background-color: #fff; position: relative;}
.vsdom dt{position: absolute;left: 0;right: 0;top: 0;height: 24px;}
.vsdom dd{height: 100%;padding-top: 24px;}
.vsdom dt input{width: 100%;border:none;color: #fff;padding: 0 10px 0 30px;font-size: 16px;font-weight: normal;height: 24px;display: block;background: black;}
.vsdom iframe{ border:none; width: 100%; height: 100%; }
.vsdom.vert{ flex-direction: unset; }
.vsdom.cen4 dl{width: 50%; height: 50%; position: absolute; left: 0; top: 0;}
.vsdom.cen4 dl[data-index="1"],
.vsdom.cen4 dl[data-index="3"]{ left: 50%; }
.vsdom.cen4 dl[data-index="2"],
.vsdom.cen4 dl[data-index="3"]{ top: 50%; }
.vsdom .refresh{position: absolute;left: 0;border:none; outline: none; width: 30px;background: url(../images/icon-refresh.png) no-repeat center center;background-size: auto 80%;height: 24px;top: 0;cursor: pointer;border-radius: 3px;}

.vstool{position: absolute;right: 0;z-index: 2;line-height: 0;}
.vstool select{height: 24px;min-width: 120px;border: none;background: #FF9800;}