#org1 { padding: 0.25rem; display: grid; grid-template-columns: min-content 1fr; column-gap: 0.25rem; } #org1>div:nth-child(1)>i { background-image: url(../images/org.png); width: 0.725rem; height: 0.75rem; text-align: center; } #org1>div:nth-child(1)>h6 { font-size: 0.2rem; } #org1>div:nth-child(1)>h6>span { font-size: 0.2rem; color: #C2D5E7; } #org1>div:nth-child(1)>h6>span:last-child { margin-left: 0.125rem; } #org1>div:nth-child(1)>h5 { white-space: nowrap; font-size: 0.2rem; } #org1>div:nth-child(1)>h5>span:first-child { font-size: 0.25rem; } #org1>div:nth-child(1)>h5>span:last-child { font-size: 0.225rem; margin-left: 0.125rem; } #org2 { padding: 0.125rem 0.25rem; } #org2>div:nth-child(1) { height: 0.425rem; padding: 0.125rem 0; } #org2>div:nth-child(2) { height: calc(100% - 0.425rem); } #org2>div>h1 { font-size: 0.175rem; } #org2>div>h1>span:nth-child(1) { margin-right: 0.125rem; } #org2>div>p { font-size: 0.175rem; } #org2>div>p>span:nth-child(1) { font-size: 0.175rem; color: #C2D5E7; margin-right: 0.125rem; } #org2>div>p>span:nth-child(2) { font-size: 0.175rem; } .row { width: 100%; } .row>i { background: url('../images/sprite.png') no-repeat -66px -46px; width: 20px; height: 20px; } .row>p { font-size: 0.2rem; margin-left: 0.125rem; width: calc(100% - 20px - 0.125rem); line-height: 0.25rem; border-bottom: 1px solid #205481; } .row>p>span { font-size: 0.175rem; } .row>p>span:nth-child(2) { margin-left: 0.125rem; } .row>div { margin-left: 0.125rem; width: calc(100% - 20px - 0.125rem); line-height: 0.25rem; border-bottom: 1px solid #205481; display: grid; grid-template-columns: 0.875rem 1fr; } .row>div>h3 { white-space: nowrap; font-size: 0.2rem; } .row>div>div { width: calc(); margin-left: 0.25rem; } .row>div>div>p { flex: 1; font-size: 0.175rem; } .row>div>div>p>span:nth-child(1) { margin-right: 0.125rem; font-size: 0.175rem; color: #C2D5E7; } #education { padding: 0.25rem; display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 1fr); column-gap: 0.125rem; } .ed-box { height: 100%; width: 100%; } .ed-box>i { height: 0.3rem; width: 0.3rem; background-image: url(../images/1-2/r1.png); background-position: center; background-repeat: no-repeat; background-size: 100% 100%; } .ed-box:nth-child(2n)>i { background-image: url(../images/1-2/r3.png); } .ed-item { width: calc(100% - 0.3rem); } .ed-box:nth-child(2n)>.ed-item>.ed-item-tit { background-image: url(../images/1-2/r4.png); } .ed-item>.ed-item-tit { text-align: center; height: 0.3rem; line-height: 0.3rem; width: 100%; background-image: url(../images/1-2/r2.png); background-position: center; background-repeat: no-repeat; background-size: 100% 100%; font-size: 0.175rem; color: #ffffff; } .ed-item>.ed-item-num { text-align: center; margin-top: 0.125rem; } .ed-item>.ed-item-num>span:nth-child(2) { font-size: 0.15rem; color: #ffffff; margin-left: 0.05rem; } .ed-box:nth-child(2n)>.ed-item>.ed-item-num>span:nth-child(1) { font-size: 0.2rem; font-weight: bold; background: linear-gradient(180deg, #FFFFFF 17%, #E7ACEB 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .ed-item>.ed-item-num>span:nth-child(1) { font-size: 0.2rem; font-weight: bold; background: linear-gradient(180deg, #FFFFFF 17%, #1AEDFF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } #safety { padding: 0.25rem; } #safety>div { margin-top: 0.125rem; height: calc(100% - 0.3rem); display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; column-gap: 0.5rem; row-gap: 0.25rem; align-items: center; justify-items: center; } #safety>div>div { display: flex; flex-direction: row; justify-content: center; align-items: center; height: 100%; width: 100%; background: linear-gradient(180deg, rgba(1, 32, 56, 0.4) 0%, rgba(10, 58, 92, 0.7) 100%); } #safety>div>div>p { font-size: 0.2rem; } #safety>div>div>p>span:nth-child(1) { font-size: 0.2rem; color: #C2D5E7; } #safety>div>div>p>span:nth-child(2) { margin-left: 0.125rem; font-size: 0.25rem; color: #70C3FF; } #safety>div>div>p>span:nth-child(3) { font-size: 0.15rem; color: #C2D5E7; } #cost { padding: 0.25rem 0.125rem; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: min-content 1fr 1fr; align-items: center; column-gap: 0.5rem; } #cost>h2 { font-size: 0.175rem; } #cost>h2>i { display: inline-block; background-image: url(../images/1-2/l09.svg); height: 14px; width: 14px; } #cost>h2:nth-of-type(2)>i { background-image: url(../images/1-2/l10.svg); } #cost>h2>span { font-size: 0.175rem; color: #FFFFFF; } #cost>div { padding: 0 0.125rem; height: 0.375rem; width: 100%; } #cost>div:nth-of-type(2n-1) { background-image: url(../images/1-2/l11.png); } #cost>div:nth-of-type(2n) { background-image: url(../images/1-2/l12.png); } #cost>div>span { font-size: 0.175rem; color: #FFFFFF; } #cost>div>p { font-size: 0.225rem; } #cost>div>p>span:nth-child(1) { font-size: 0.225rem; } #cost>div>p>span:nth-child(2) { font-size: 0.175rem; color: #C2D5E7; } #danger { display: grid; grid-template-rows: 1fr 1fr; } #danger>div:nth-child(1)>div>i { height: 0.5rem; width: 0.5rem; background-image: url(../images/1-2/r1.png); } #danger>div:nth-child(2)>div>i { height: 0.5rem; width: 0.5rem; background-image: url(../images/1-2/r3.png); } #danger>div>div>div>h6 { height: 0.3rem; width: 1.125rem; line-height: 0.3rem; text-align: center; font-size: 0.2rem; color: #FFFFFF; } #danger>div:nth-child(1)>div>div>h6 { background-image: url(../images/1-2/r2.png); } #danger>div:nth-child(2)>div>div>h6 { background-image: url(../images/1-2/r4.png); } #danger>div>div>div>p { margin-top: 0.125rem; font-size: 0.225rem; } #danger>div>div>div>p>span:nth-child(1) { font-weight: bold; font-size: 0.225rem; } #danger>div:nth-child(1)>div { width: calc(100% / 3); } #danger>div:nth-child(2)>div { width: 50%; } #danger>div:nth-child(2)>div>div>p>span:nth-child(1) { background: linear-gradient(180deg, #FFFFFF 17%, #E7ACEB 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #danger>div>div>div>p>span:nth-child(2) { font-size: 0.175rem; color: #C2D5E7; } #risk { padding: 0.25rem; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; column-gap: 0.125rem; row-gap: 0.25rem; } #risk>div>i { height: 0.825rem; width: 0.9375rem; } #risk>div>div { margin-left: 0.125rem; height: 0.825rem; } #risk>div>div>h6 { font-size: 0.225rem; font-weight: bold; } #risk>div>div>p { font-size: 0.3rem; } #risk>div>div>p>span:nth-child(1) { font-size: 0.3rem; color: #C2D5E7; } #risk>div:nth-child(1)>i { background-image: url(../images/1-2/r5.png); } #risk>div:nth-child(1)>div>h6 { background: linear-gradient(180deg, #FFFFFF 0%, #EF3B49 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #risk>div:nth-child(1)>div>p>span:nth-child(1) { color: #EF3B49; } #risk>div:nth-child(2)>i { background-image: url(../images/1-2/r6.png); } #risk>div:nth-child(2)>div>h6 { background: linear-gradient(180deg, #FFFFFF 0%, #EF893B 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #risk>div:nth-child(2)>div>p>span:nth-child(1) { color: #EF893B; } #risk>div:nth-child(3)>i { background-image: url(../images/1-2/r7.png); } #risk>div:nth-child(3)>div>h6 { background: linear-gradient(180deg, #FFFFFF 0%, #EFCB3B 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #risk>div:nth-child(3)>div>p>span:nth-child(1) { color: #EFCB3B; } #risk>div:nth-child(4)>i { background-image: url(../images/1-2/r8.png); } #risk>div:nth-child(4)>div>h6 { background: linear-gradient(180deg, #FFFFFF 0%, #3B8CEF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #risk>div:nth-child(4)>div>p>span:nth-child(1) { color: #3B8CEF; } #job { display: grid; grid-template-columns: 1fr 1.625rem 1fr; column-gap: 0.25rem; align-items: center; } #job>i { width: 1.625rem; height: 1.625rem; background-image: url(../images/1-2/r9.png); } #job>div { width: 100%; } #job>div>i { background: url('../images/sprite.png') no-repeat -51px -122px; width: 30px; height: 28px } #job>div:nth-of-type(2)>i { background: url('../images/sprite.png') no-repeat -0 -122px; } #job>div>div { margin-left: 0.125rem; } #job>div>div>h6 { width: 0.775rem; height: 0.325rem; color: #FFFFFF; font-size: 0.175rem; line-height: 0.325rem; padding-left: 0.125rem; } #job>div:nth-of-type(1)>div>h6 { background-image: url(../images/1-2/r12.png); } #job>div:nth-of-type(2)>div>h6 { background-image: url(../images/1-2/r10.png); } #job>div>div>p { margin-top: 0.125rem; font-size: 0.225rem; } #job>div>div>p>span:nth-child(1) { font-weight: bold; font-size: 0.225rem; } #job>div>div>p>span:nth-child(2) { font-size: 0.175rem; color: #C2D5E7; } #emergency { padding: 0.25rem 0.125rem; display: grid; grid-template-rows: 1fr 1fr; column-gap: 0.25rem; } #emergency>div:nth-child(1) { display: grid; grid-template-columns: 1fr 1fr 1fr; column-gap: 0.25rem; justify-items: center; align-items: center; } #emergency>div:nth-child(2) { display: grid; grid-template-columns: 1fr 1fr; column-gap: 0.25rem; justify-items: center; align-items: center; padding: 0 0.875rem; } #emergency>div>div { height: 0.85rem; width: 1.85rem; background-image: url(../images/1-2/r19.png); } #emergency>div>div>i { height: 0.35rem; width: 0.375rem; } #emergency>div:nth-child(1)>div:nth-child(1)>i { background: url('../images/sprite.png') no-repeat 0 -177px; } #emergency>div:nth-child(1)>div:nth-child(2)>i { background: url('../images/sprite.png') no-repeat -51px -177px; } #emergency>div:nth-child(1)>div:nth-child(3)>i { background: url('../images/sprite.png') no-repeat -102px -177px; } #emergency>div>div>div { margin-left: 0.125rem; } #emergency>div>div>div>h6 { font-weight: bold; font-size: 0.175rem; margin-bottom: 0.125rem; } #emergency>div>div>div>p { font-size: 0.225rem; } #emergency>div>div>div>p>span:nth-child(1) { font-size: 0.225rem; } #emergency>div>div>div>p>span:nth-child(2) { font-size: 0.175rem; color: #C2D5E7; } #emergency>div:nth-child(2)>div:nth-child(1)>i { background: url('../images/sprite.png') no-repeat -153px -177px; } #emergency>div:nth-child(2)>div:nth-child(2)>i { background: url('../images/sprite.png') no-repeat -204px -177px; } #project1 { height: 1.75rem; padding-top: 0.5625rem; } #project { padding-top: 1rem; } #project>div { height: 1rem; padding: 0 0.3125rem; } #project1>div>i { height: 0.625rem; width: 0.7rem; } #project>div>i { height: 0.9375rem; width: 1.05rem; } #project1>div>div, #project>div>div { margin-left: 0.125rem; } #project1>div>div>h6 { font-weight: bold; font-size: 0.2rem; padding: 0.05rem; } #project1>div>div>p { font-size: 0.375rem; } #project>div>div>h6 { font-weight: bold; font-size: 0.325rem; padding: 0.05rem; } #project>div>div>p { font-size: 0.375rem; } #project>div>div>p>span:nth-child(1) { font-size: 0.375rem; font-weight: bold; margin-top: 0.1875rem; } #project1>div>div>p>span:nth-child(2), #project>div>div>p>span:nth-child(2) { font-size: 0.15rem; color: #C2D5E7; } #project>div:nth-child(1)>i { background-image: url(../images/1-2/m01.png); } #project>div:nth-child(2)>i { background-image: url(../images/1-2/m04.png); } #map { width: 100%; height: 9.525rem; } #project1>div:nth-child(1)>i { background-image: url(../images/1-2/m01.png); } #project1>div:nth-child(2)>i { background-image: url(../images/1-2/m02.png); } #project1>div:nth-child(3)>i { background-image: url(../images/1-2/m03.png); } #project1>div:nth-child(4)>i { background-image: url(../images/1-2/m04.png); } #general { margin-top: 1rem; margin-bottom: 0.25rem; height: 4.75rem; width: 100%; padding: 0.125rem; box-shadow: inset 0px 0px 0.1625rem 0px rgba(66, 155, 211, 0.8); } #general>img { height: 100%; width: 100%; } #safety1 { padding: 0.125rem 0.25rem; display: grid; align-items: center; } #safety1>div>div { margin-top: 0.125rem; } #safety1>div>div>div { width: 100%; } #safety1>div>div>div>p { flex: 1; line-height: 1.5; font-size: 0.175rem; } #safety1>div>div>div>p>span:nth-child(1) { font-size: 0.175rem; color: #C2D5E7; } #safety1>div>div>div>p>span:nth-child(2) { margin-left: 0.05rem; font-size: 0.175rem; color: #70C3FF; } #safety1>div>div>div>p>span:nth-child(3) { font-size: 0.15rem; color: #C2D5E7; } #safety1>div>div { height: 100%; flex-wrap: wrap; } .xm-plan { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; height: 100%; width: auto; } .xm-plan::-webkit-scrollbar { display: none; } .block4-main>div::-webkit-scrollbar { display: none; } .xm-plan>.z-plan-item { height: 100%; min-width: 1.25rem; } .z-dot { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 0.25rem; width: 0.25rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .z-dot-inner { height: 0.125rem; width: 0.125rem; border-radius: 50%; } .closed>.z-line { background-color: #12CDA2; } .closed>.z-line>.z-dot { background-color: rgba(0, 255, 255, .3); } .closed>.z-line>.z-dot>.z-dot-inner { background-color: #00FFFF; } .closed>h6 { margin-top: 0.25rem; text-align: center; font-size: 0.175rem; color: #02C8B0; } .closed>p { margin-top: 0.1875rem; text-align: center; font-size: 0.175rem; color: #ffffff; } .z-line { margin-top: 0.125rem; width: 100%; height: 0.1rem; position: relative; } .undone>.z-line { background-color: #FF7474; } .undone>.z-line>.z-dot { background-color: rgba(255, 116, 116, .3); } .undone>.z-line>.z-dot>.z-dot-inner { background-color: #FF7474; } .undone>h6 { margin-top: 0.25rem; text-align: center; font-size: 0.175rem; color: #FF7474; } .undone>p { margin-top: 0.1875rem; text-align: center; font-size: 0.175rem; color: #FF7474; } #plan { padding: 0.25rem 0.125rem 0; } #plan>div::-webkit-scrollbar { display: none; } #contract { display: grid; grid-template-columns: 1fr 1fr 1fr; column-gap: 0.25rem; } #contract>div { height: 100%; width: 100%; padding-left: 0.25rem; box-shadow: inset 0px 0px 0.1625rem 0px rgba(66, 155, 211, 0.8); } #contract>div>div { margin-left: 0.25rem; } #contract>div>i { background-image: url(../images/1-2/02.png); width: 0.2rem; height: 0.85rem; } #contract>div>div>h6 { font-size: 0.225rem; margin-bottom: 0.25rem; } #contract>div>div>p { font-size: 0.25rem; } #contract>div>div>p>span:nth-child(1) { font-size: 0.25rem; } #contract>div>div>p>span:nth-child(2) { font-size: 0.175rem; color: #C2D5E7; } .aqsc { margin-top: 0.1875rem; width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; } .aqsc>span{ color: #ffffff; font-family: "微软雅黑"; margin: 0 0.075rem; font-size: 0.5rem; } .aqsc>p>span { color: #ffffff; font-family: "微软雅黑"; margin: 0 0.075rem; font-size: 0.5rem; padding: 0.075rem 0.125rem; background-image: url(../images/1-2/b01.png); background-repeat: no-repeat; color: #FFEB3B ; } #today{ padding: 10px 15px; } .scroll { height: 100%; overflow-x: hidden; overflow-y: auto; scrollbar-width: thin; scrollbar-color: rgba(0, 0, 0, .4) #1A51 } .scroll>ul>li{ font-size: 0.2rem; line-height: 0.2rem; color: #C2D5E7; padding: 0.075rem 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .scroll { padding: 2px 5px; } .tipli { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width: 100% } .tipli > p { width: calc(100% - 105px); white-space: nowrap; /* 防止文本换行 */ overflow: hidden; /* 隐藏溢出的内容 */ text-overflow: ellipsis; /* 显示省略号来表示溢出 */ }