.policiesAndRegulations{ width: 100%; height: 100%; // 自定义内容 .page-box { box-sizing: border-box; min-height: 980px; margin-bottom: 20px; box-shadow: 0 3px 6px 1px #00000029; background-color: #fff; position: relative; } p { font-family: "宋体"; margin-top: 0.2em; margin-bottom: 0.2em !important; text-indent: 2em; line-height: 30px; text-align: justify; } .fz-13 { font-size: 13px !important; } .fz-15 { line-height: 26px; font-size: 15px !important; } .w100{ width:100%; } .img-0 { width: 100%; } .img-20{ width: 20%; } .fl { display: flex; } .al-c { align-items: center; } .ju-cn { justify-content: center; } .jc-sb { justify-content: space-between; } .td-0 { text-indent: 0em !important; } .block { font-size: 16px; font-family: "KAITI"; } .block1 { font-size: 16px; font-family: "FangSong"; } ul { list-style-type: none; padding:0 !important; font-size:13px; } li { list-style-type: none; padding: 0 5px; } .center { text-align: center; margin-left: 0%; margin-right: 0%; text-indent: 0em; } .right { text-align: right; margin-left: 0%; margin-right: 0%; } .box1{ margin-top:10px; border-top:1px solid #333; } .box-left{ text-align: center; width:100px; border-right:1px solid #666; p{ font-weight: bold; } } .box-right{ margin-left:3px; border-left:1px solid #666; } .page-box:nth-child(even) .bodystyle { font-family: 'FZLTXIHJW'; text-align: justify; margin: 0 15% 0 13%; padding-bottom: 80px; line-height: 30px; padding: 12% 0 12%; } .page-box:nth-child(odd) .bodystyle { font-family: 'FZLTXIHJW'; text-align: justify; margin: 0 13% 0 15%; padding-bottom: 80px; line-height: 30px; padding: 12% 0 12% 0; } .mainColor{ color:#4E78EB; } .hr{ height:1px; width:83%; border-top: 1px dotted #4E78EB; } .hr1{ height:1px; width:78%; border-top: 1px dotted #4E78EB; } .f-right{ position: absolute; bottom: 4%; right: 13%; } .f-left{ position: absolute; bottom: 4%; left: 13%; } .t-left{ height: 40px; position: absolute; top: 4%; left: 5%; align-items: center; img{ height:100%; } .chapter{ border-bottom: 1px dotted #4E78EB; color:#4E78EB; line-height: 28px; padding:5px; margin-left:5px; } } .t-right{ height: 40px; position: absolute; top: 4%; right: 0; align-items: center; img{ height:100%; } .chapter{ border-bottom: 1px dotted #4E78EB; color:#4E78EB; line-height: 28px; padding:5px; margin-right:5px; } } .mtb{ margin: 50px 0; } h1 { font-family: '黑体'; line-height: 2em; font-weight: bold; font-size: 1.8em; margin-top: 1em; text-indent: 0em; } h2 { text-align: center; font-family: '黑体'; font-weight: 500; font-size: 1.6em; } .h2{ font-weight: bold !important; font-family: '宋体' !important; } h3 { font-family: '黑体'; font-weight: bold; font-size: 1.3em; margin-bottom: 1em; margin-top: 1em; text-indent: 2em; } h4 { font-family: '黑体'; font-weight: bold; margin-bottom: 0.5em; margin-top: 1em; font-size: 1.1em; text-indent: 2em; color: #000; } h5 { color: #000; font-weight: bold; font-family: '宋体'; margin-bottom: 0.5em; margin-top: 1em; font-size: 1.05em; text-indent: 2em; } .h6{ font-family: '黑体' !important; font-weight: 500 !important; } .bk { padding: 25px; border: 2px dotted #4E78EB; } .pdf-view { min-width:160px; flex:1; span{ cursor: pointer; } span:hover{ color:#4E78EB; } } .img-rights1{ width: 150px; float: right; height: auto; margin: auto; margin-left: 18px; } .img-rights { width: 260px; float: right; height: auto; margin: auto; margin-left: 18px; } .img-lefts { width: 260px; float: left; height: auto; margin: auto; margin-right: 20px; } } .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; } } } .custom-dialog { overflow: hidden !important; .el-dialog__body { padding: 0; } .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; } } .el-dialog__title, .el-dialog__headerbtn .el-dialog__close { color: #fff; font-weight: 900; font-size: 16px; font-family: 'FZLTXIHJW'; } } } .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; } } /* 媒体查询做基础响应式布局 */ @media screen and (max-width: 1024px) { .pdfModal { width: 100%; height: 80vh; } h1 { font-size: 1.1em; } .custom-dialog { .el-dialog { width: 90vw !important; } } .span-box { display: inline-block; width: 8px; height: 8px; background-color: #FAAD70; } .span-text { font-size: 16px; font-weight: 100; padding: 0em 0.15em 0em 0.3em; } } @media screen and (max-width: 800px) { .pdfModal { width: 100%; height: 60vh; } .custom-dialog { .el-dialog { width: 90vw !important; } } }