/*-----------主体内容-----------*/ .container { padding: 2rem 1rem 0rem; } .Content h3 { font-size: 1.6rem; margin: 0 0 1em 0; padding-bottom: 0.3125rem; letter-spacing: 0.125rem; } .Content h4 { font-size: 1.5rem; margin: 0 0 1em 0; padding-bottom: 0.3125rem; letter-spacing: 0.125rem; } .Content h1, .Content h2, .Content h3, .Content h4, .Content h5, .Content h6 { word-break: break-all; } p { text-indent: 2em; font-size: 1.125rem; text-align: justify; line-height: 2.0625rem; padding-bottom: 0.3125rem; word-break: break-all; } .page_btn { width: 80%; margin: 0 auto; padding-top: 1rem; /* padding-bottom: 3em; */ position: relative; z-index: 9999; } .page_btn_fixed{ position: fixed; bottom: 0; left: 0; right: 0; z-index: 9999; width: 80%; margin: 0 auto; padding-top: 1rem; } .btn-prev, .btn-next { width: 49%; text-align: center; height: 2.5rem; border-radius: 0.5rem; margin-bottom: 1.25rem; } /* 主体为表格的样式 */ .table { /* background-color: transparent; */ border: none; font-size: 1.125rem; margin: 1.25rem auto; box-sizing: border-box; vertical-align: middle; text-align: center; } @media screen and (max-width:767px) { .table { width: 100% !important } .table.table38_1 { width: 50% !important } .table.table38_2 { width: 60% !important } .table.table39_1 { width: 50% !important } .table.table41_1 { width: 80% !important } .table.table42_1 { width: 70% !important } } @media screen and (min-width:768px) and (max-width:959px) { .table33_1 { width: 60% !important } .table34_1 { width: 65% !important } .table35_1 { width: 100% !important } .table35_2 { width: 85% !important } .table35_3 { width: 75% !important } .table35_4 { width: 85% !important } .table38_1 { width: 45% !important } .table38_2 { width: 50% !important } .table39_1 { width: 45% !important } .table39_2 { width: 90% !important } .table42_1 { width: 50% !important } .table43_1 { width: 98% !important } } @media screen and (min-width:960px) and (max-width:1199px) { .table33_1 { width: 50% !important } .table34_1 { width: 50% !important } .table35_1 { width: 92% !important } .table35_2 { width: 70% !important } .table35_3 { width: 65% !important } .table35_4 { width: 70% !important } .table38_2 { width: 42% !important } .table39_2 { width: 80% !important } .table42_1 { width: 45% !important } } @media screen and (min-width:1200px) { .table33_1 { width: 40% !important } .table38_1 { width: 25% !important } .table39_1 { width: 25% !important } } .td, .th { margin: 0; padding: 0; vertical-align: middle; text-align: center; } .caption, .secCaption { font-size: 1.25rem; border-bottom: none; box-sizing: border-box; padding-bottom: 0.625rem; font-weight: bold; } .caption { text-align: center; } .secCaption { text-align: right; font-weight: normal; } .table td, .table th { text-align: center; border: 0.0625rem solid #444444; font-weight: normal; box-sizing: border-box; padding: 0.8rem 0.5rem; line-height: 1.875rem; word-wrap: break-word; word-break: keep-all; } .table th { font-size: 1.25rem; } .table td { color: #646363; } .tbody .td, .tbody .th { /* background-color: transparent; */ border-bottom: 0.0625rem solid #444444; border-top: 0.0625rem solid #444444; padding: 0.5625rem; box-sizing: border-box; } .tfoot .td, .tfoot .th { font-weight: bold; padding: 0.25rem 0.5rem 0.375rem 0.5625rem; text-align: center; } /* 斜线 */ /* th单元格 */ .slash-wrap { position: relative; box-sizing: border-box; } .slash { position: absolute; display: block; top: 0; left: 0; /* 斜边边长 */ /* Math.sqrt(Math.pow(width, 2) + Math.pow(height, 2)) */ /* Math.sqrt(Math.pow(150, 2) + Math.pow(80, 2)) = 170 */ /* width:170px; */ /* 动态设置 */ height: 0.0625rem; background-color: #444444; /* 旋转角度计算公式 */ /* Math.atan(height / width) * 180 / Math.PI */ /* Math.atan(80 / 150) * 180 / Math.PI = 28.072486935852954 */ /* transform: rotate(28.072486935852954deg); */ /* 动态设置 */ transform-origin: top left; } /* 左下角文字 */ .left { position: absolute; /* 左下角 left:0; bottom: 0; */ left: 0.5rem; bottom: 0.3rem; } /* 右上角文字 */ .right { position: absolute; /* 右上角 right:0; top: 0; */ right: 0.5rem; top: 0.3rem; } /* 规则制度table 特殊样式*/ .rule .caption { border-bottom: 0.0625rem solid #444444; text-align: right; } .rule .tbody .td:nth-of-type(2) { text-align: left; } .rule.table td { border-left: 0; border-right: 0; /* word-break: normal; */ word-break: break-word; padding: 0; } .rule .th { font-weight: bold; padding: 0.125rem 0; text-align: center; border-left: 0; border-right: 0; } /*-----------主体内容 end-----------*/ /*-----------顶部nav-----------*/ .nav-top { position: fixed; top: 0px; width: 100%; height: 3.5rem; z-index: 100; } .nav_container { width: 9.375rem; margin-left: 0.3rem; height: 100%; display: flex; align-items: center; font-size: 1.5rem; } .nav_return { width: 1.8rem; height: 1.8rem; margin-right: 0.175rem; } .dark-icon-navleft { background: url(../img/left_round.png); background-size: contain; } .light-icon-navleft { background: url(../img/left_round_n.png); background-size: contain; } /*-----------顶部nav end-----------*/ /*-----------顶部--目录 start-----------*/ .top_mulu_box { cursor: pointer; position: fixed; z-index: 10; right: 0; left: 0; width: 100%; height: 3.5rem; padding: 0 0.625rem; border-bottom: 0; display: flex; align-items: center; justify-content: space-between; } .top_left, .top_right, .top_center { height: 100%; display: flex; align-items: center; } .top_left { justify-content: flex-start; width: 4.5rem; } .top_right { justify-content: flex-end; width: 4.5rem; } .top_center { justify-content: center; width: calc(100% - 4.5rem * 2); height: 3.5rem; } .top_left_icon { margin-left: -0.5rem; font-size: 0.975rem; width: 1.8rem; height: 1.8rem; } .top_left_text { font-size: 1.5rem; } .top_center_text { font-size: 1.5rem; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 3.5rem; } /*-----------顶部--目录 end-----------*/ /*-----------底部导航-----------*/ .nav-bottom { position: fixed; bottom: 0; width: 100%; height: 4.375rem; text-align: center; margin: 0 auto; z-index: 9999; } .btn-mulu, .btn_Aa, .btn-extra { width: 32%; display: inline-block; } .mulu, .Aa, .extra { width: 2rem; margin: 0 auto; text-align: center; position: relative; } .bottom-icon { position: absolute; width: 1.25rem; height: 1.25rem; } .dark-icon-mulu { background: url(../img/mulu.png); background-size: contain; } .light-icon-mulu { background: url(../img/mulu_n.png); background-size: contain; } .dark-icon-Aa { background: url(../img/Aa.png); background-size: contain; } .light-icon-Aa { background: url(../img/Aa_n.png); background-size: contain; } .dark-icon-extra { background: url(../img/set.png); background-size: contain; } .dark-icon-extra.act { background: url(../img/set_n.png); background-size: contain; } .light-icon-extra { background: url(../img/set1.png); background-size: contain; } .light-icon-extra.act { background: url(../img/set1_n.png); background-size: contain; } .text_mulu, .text_Aa, .text_extra { position: absolute; top: 1.375rem; font-size: 0.75rem; } /*-----------底部导航 end-----------*/ /*-----------其他功能栏-----------*/ .extraPop {} /*-----------字体功能栏-----------*/ .fontPop {} .fontPop, .extraPop { position: fixed; bottom: 4.375rem; width: 100%; height: 5.125rem; font-size: 0.9375rem; z-index: 10005; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .fontItem { height: 3.125rem; width: 100%; display: flex; justify-content: space-between; align-items: center; } .fontItemTitle { width: 6.625rem; text-align: center; } .fontItemCons { width: calc(100% - 6.625rem); height: 100%; display: flex; justify-content: space-between; align-items: center; padding-right: 1.25rem; } .bk-item { width: 1.875rem; height: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-size: 0.75rem; } .bk-container { background-size: contain; width: 1.5625rem; height: 1.5625rem; border: 0.0625rem #8C8C8C solid; border-radius: 0.9375rem; box-sizing: border-box; } .bk-container-current { border: 0.125rem #00A5F6 solid; } /*-----------字体功能栏 end-----------*/ .index-img { width: 100%; height: 100%; } /*-----------图片样式 start----------*/ .my-img { width: 100%; margin: 0 auto; display: block; } .fy-div { width: 100%; height: 70vh; margin: 0 auto; display: flex; justify-content: center; align-items: center; } .fy-img { width: 28.75rem; height: 9.8125rem; display: block; } /*-----------图片样式 end----------*/ /*-----------底部导航的目录栏 start-----------*/ .muluBox { position: fixed; width: 100%; height: 100%; z-index: 99999; } .muluMask { width: 100%; background: #000; opacity: 0.4; position: absolute; top: 0; bottom: 0; } .muluCons { width: 100%; height: 80%; position: absolute; bottom: 0; overflow-y: auto; } .muluTitle { height: 1.875rem; display: flex; justify-content: space-between; align-items: center; padding: 0 0.9375rem; } .list-li-a { text-align: left; } /*-----------目录栏 end-----------*/ .notScroll { overflow: hidden; }