973 lines
17 KiB
CSS
973 lines
17 KiB
CSS
#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; /* 显示省略号来表示溢出 */
|
|
}
|