.v-viewer{position:relative}.v-viewer,.v-viewer .iframe-wrapper,.v-viewer .viewer-wrapper{width:100%;height:100%}.v-viewer .mobile-wrapper{width:100%;height:100%;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center}.v-viewer .mobile-wrapper .iframe-wrapper{flex:1;width:0;height:100%}.v-viewer .mobile-wrapper .split-video-wrapper{width:40%;height:100%}.v-viewer .expand-btn,.v-viewer .model-navigator{position:absolute;top:20px;left:20px}.v-viewer .model-navigator{background:#fff;border-radius:6px;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;box-shadow:0 4px 12px rgba(0,0,0,.15)}.v-viewer .model-navigator .model-list{width:100%;max-height:600px;padding:0 20px 20px 20px;overflow-y:scroll}@media(max-width:769px){.v-viewer .model-navigator .model-list{max-height:220px;padding:0 12px 12px 12px}}.v-viewer .model-navigator .operation-btn-wrapper{width:100%;padding:20px 20px 0 20px;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}@media(max-width:769px){.v-viewer .model-navigator .operation-btn-wrapper{padding:12px 12px 0 12px}}.v-viewer .model-navigator .operation-btn-wrapper .operation-btn{cursor:pointer;font-size:24px;font-weight:700;margin-bottom:6px}@media(max-width:769px){.v-viewer .model-navigator .operation-btn-wrapper .operation-btn{font-size:18px}}.v-viewer .model-navigator .operation-btn-wrapper .operation-btn:hover{opacity:.7}.v-viewer .model-navigator .attachment-wrapper{width:200px;padding-left:6px;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}@media(max-width:769px){.v-viewer .model-navigator .attachment-wrapper{width:160px}}.v-viewer .model-navigator .attachment-wrapper .attach-desc{cursor:pointer;font-size:20px;margin-left:6px;font-weight:700}@media(max-width:769px){.v-viewer .model-navigator .attachment-wrapper .attach-desc{font-size:18px}}.v-viewer .model-navigator .attachment-wrapper .attach-desc:hover{opacity:.7}.v-viewer .model-navigator .attachment-wrapper .navi-btn{flex:1;width:0;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center}.v-viewer .model-navigator .navi-btn{width:200px;margin:6px 0;padding:4.5px 15px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}@media(max-width:769px){.v-viewer .model-navigator .navi-btn{width:160px;height:30px;padding:0 10px}}.v-viewer .model-navigator .navi-btn span{overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}@media(max-width:769px){.v-viewer .model-navigator .navi-btn span{font-size:12px}}.v-viewer .modal-container{display:flex;justify-content:center;align-items:center}.v-viewer .modal-content{position:relative;display:flex;flex-direction:column;width:60%;max-height:100%;background:#fff}.v-viewer .modal__title{cursor:move;text-align:center;padding:6px 60px;font-size:24px;font-weight:700;color:#fff;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;background-color:#000}@media(max-width:769px){.v-viewer .modal__title{font-size:16px}}.v-viewer .modal__content{flex:1;width:100%;height:0;overflow-y:hidden}.v-viewer .modal__close,.v-viewer .modal__split{top:10px;right:10px;color:#fff;font-size:18px;cursor:pointer;position:absolute}.v-viewer .modal__close :hover,.v-viewer .modal__split :hover{opacity:.7}@media(max-width:769px){.v-viewer .modal__close,.v-viewer .modal__split{top:8px;right:8px;font-size:14px}}.v-viewer .video-wrapper{width:100%;height:100%;background-color:#000;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}.v-viewer .modal__split{right:36px}.v-viewer .split-video-wrapper{position:relative;width:100%;height:100%;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;background-color:#000!important}.v-viewer .split-title{width:100%;text-align:center;padding:6px 60px;font-size:24px;font-weight:700;color:#fff;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}@media(max-width:769px){.v-viewer .split-title{font-size:16px}}.navi-desc-model .ivu-modal{margin:unset}.navi-desc-model .ivu-modal .desc-title{font-weight:700;margin-bottom:10px}.navi-desc-model .ivu-modal .desc-title:not(:first-of-type){margin-top:10px}.navi-desc-model .ivu-modal-body{max-height:350px;overflow-y:scroll}@media(max-width:769px){.navi-desc-model .ivu-modal-body{max-height:unset}}