| | |
| | | |
| | | video { |
| | | width: 100%; |
| | | height: 150px; |
| | | } |
| | | |
| | | video::-webkit-media-text-track-display { |
| | |
| | | margin: 0; |
| | | } |
| | | } |
| | | .img-rights { |
| | | width: 250px; |
| | | float: right; |
| | | height: auto; |
| | | margin: auto; |
| | | margin-left: 20px; |
| | | |
| | | img { |
| | | width: 100%; |
| | | } |
| | | |
| | | p { |
| | | margin: 0; |
| | | } |
| | | } |
| | | .qjdrIocn { |
| | | display: flex !important; |
| | | justify-content: center; |
| | |
| | | margin-right: 15px; |
| | | padding: 0 15px; |
| | | border-radius: 5px; |
| | | margin-top: 15px; |
| | | |
| | | span { |
| | | font-size: 14px; |
| | |
| | | .pdfModal { |
| | | width: 100%; |
| | | height: 90vh; |
| | | |
| | | .pdfBox-component { |
| | | width: 100%; |
| | | height: 100%; |
| | | position: relative; |
| | | |
| | | .preview { |
| | | width: 100%; |
| | | height: 100%; |
| | | |
| | | .imageBox { |
| | | height: calc(100% - 30px); |
| | | overflow-x: hidden; |
| | | overflow-y: auto; |
| | | background: #ccc; |
| | | box-sizing: border-box; |
| | | } |
| | | |
| | | .imageBox:hover { |
| | | cursor: zoom-in !important; |
| | | } |
| | | |
| | | ::v-deep .el-dialog__header { |
| | | background-color: rgba(0, 0, 0, 0.8); |
| | | |
| | | .header_title { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: center; |
| | | color: #fff; |
| | | font-weight: 900; |
| | | font-size: 16px; |
| | | font-family: 'FZLTXIHJW'; |
| | | |
| | | span:nth-child(2):hover { |
| | | cursor: pointer; |
| | | } |
| | | } |
| | | |
| | | ::v-deep .el-dialog__title, |
| | | ::v-deep .el-dialog__headerbtn .el-dialog__close { |
| | | color: #fff; |
| | | font-weight: 900; |
| | | font-size: 16px; |
| | | font-family: 'FZLTXIHJW'; |
| | | } |
| | | } |
| | | |
| | | .bottom_tool { |
| | | height: 30px; |
| | | background-color: rgba(0, 0, 0, 0.8); |
| | | display: flex; |
| | | justify-content: flex-end; |
| | | align-items: center; |
| | | |
| | | svg { |
| | | margin-right: 15px; |
| | | fill: #d1d1d1; |
| | | } |
| | | |
| | | svg:hover { |
| | | fill: #fff; |
| | | cursor: pointer; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .notBox { |
| | | position: absolute; |
| | | top: 0; |
| | | left: 0; |
| | | width: 100%; |
| | | height: calc(100% - 30px); |
| | | min-height: 300px; |
| | | } |
| | | } |
| | | } |
| | | |
| | | @media screen and (max-width: 1024px) { |