.search{width:30%}.main{display:flex;flex:1;padding:10px;overflow-y:auto}.main .player{width:100%}.main .vid{flex:3;display:flex;flex-direction:column}.main .vid h1,.main .vid h2{display:inline-block}.main #video{width:100%;height:100%;max-height:600px;background:#000}.main .detail-wrap{flex:1;min-width:300px;padding-left:10px;box-sizing:border-box}.main .detail{width:100%;min-height:100%;border:1px solid #ddd}.loading{justify-content:center;align-items:center;display:flex;width:100%}.loading>div{position:relative;display:inline-block;font-size:18px}.loading .loader{color:#8c8800;font-size:30px;position:absolute;left:-55px;top:-75px}.notice-layer{position:absolute;top:0;left:0;width:100%;height:100%;flex:1;background:#000;opacity:.5}.notice-layer>ul{list-style:circle;font-size:16px;color:#fff;text-shadow:2px 2px 1px #888}.notice-layer>div{display:flex;position:absolute;top:0;left:0;width:100%;height:100%;justify-content:center;align-items:center}.notice-layer>div>span{width:100px;height:100px;font-size:10px}@media(max-width:768px){.player{flex-direction:column}#video{min-height:350px}.detail-wrap{padding-left:0!important;padding-top:10px}}.vjs-current-time{display:block!important;padding:0!important}.vjs-time-divider{display:block!important;padding:0 2px!important;min-width:0!important}.vjs-duration{display:block!important;padding:0!important}