| | |
| | | margin-top: 0% !important; |
| | | margin-bottom: 0% !important; |
| | | } |
| | | .left-call{ |
| | | text-indent: 0em; |
| | | } |
| | | |
| | | .left1 { |
| | | font-size: 18px; |
| | |
| | | margin-top: -2.5em; |
| | | margin-bottom: -0.2em; |
| | | } |
| | | |
| | | // 新增h5的样式 |
| | | .h5-title-o{ |
| | | background-color: #1ed1b4; |
| | | border-radius: 20px; |
| | | font-family: 'FZHTJW'; |
| | | color: #fff; |
| | | text-align: left; |
| | | padding: 3px 20px; |
| | | margin-bottom: 5px; |
| | | margin-top: 5px; |
| | | font-size: 1.0em; |
| | | text-indent: 0em; |
| | | display: inline-block; |
| | | } |
| | | .h5-title-b{ |
| | | background-color:#63c7e9; |
| | | border-radius: 20px; |
| | | font-family: 'FZHTJW'; |
| | | color: #fff; |
| | | text-align: left; |
| | | padding: 3px 20px; |
| | | margin-bottom: 5px; |
| | | margin-top: 5px; |
| | | font-size: 1.0em; |
| | | text-indent: 0em; |
| | | display: inline-block; |
| | | } |
| | | |
| | | .h5-title-g{ |
| | | background-color: #00af50; |
| | | border-radius: 20px; |
| | | font-family: 'FZHTJW'; |
| | | color: #fff; |
| | | text-align: left; |
| | | padding: 3px 20px; |
| | | margin-bottom: 5px; |
| | | margin-top: 5px; |
| | | font-size: 1.0em; |
| | | text-indent: 0em; |
| | | display: inline-block; |
| | | } |
| | | |
| | | .video-box-cover { |
| | | border: 1px dashed #588e32; |
| | | padding: 2% 2%; |
| | | } |
| | | |
| | | .video-box { |
| | | margin: 20px 0 20px 0; |
| | | border: 1px dashed #588e32; |
| | | padding: 2% 2%; |
| | | } |
| | | |
| | | .video-box-left { |
| | | margin: 20px 8% 20px 0; |
| | | border: 1px dashed #588e32; |
| | | padding: 2% 2%; |
| | | } |
| | | |
| | | .videoname { |
| | | display: flex; |
| | | justify-content: center; |
| | | } |
| | | |
| | | .collect-btn { |
| | | cursor: pointer; |
| | | width: 20px; |
| | | height: 20px; |
| | | margin-left: 10px; |
| | | margin-top: 0.8%; |
| | | } |
| | | } |
| | | |
| | | |
| | |
| | | } |
| | | |
| | | .examination { |
| | | height: calc(100% - 30px); |
| | | height: calc(100% - 50px); |
| | | overflow-x: hidden; |
| | | overflow-y: auto; |
| | | box-sizing: border-box; |
| | |
| | | /* 媒体查询做基础响应式布局 */ |
| | | |
| | | @media screen and (max-width: 1024px) { |
| | | .pdfModal { |
| | | width: 100%; |
| | | height: 80vh; |
| | | } |
| | | |
| | | .custom-dialog { |
| | | .el-dialog { |
| | | width: 90vw !important; |
| | | } |
| | | } |
| | | |
| | | .pdfModal { |
| | | width: 100%; |
| | | |
| | | } |
| | | |
| | | .examination { |
| | | height: calc(100% - 80px); |
| | | } |
| | | } |
| | | |
| | | @media screen and (max-width: 800px) { |
| | | .pdfModal { |
| | | width: 100%; |
| | | height: 60vh; |
| | | } |
| | | |
| | | .custom-dialog { |
| | | .el-dialog { |
| | | width: 90vw !important; |
| | | } |
| | | } |
| | | |
| | | .pdfModal { |
| | | width: 100%; |
| | | |
| | | } |
| | | |
| | | .examination { |
| | | height: calc(100% - 80px); |
| | | } |
| | | } |
| | | |
| | | @media (max-width: 660px) { |