.page_100 { background: url(../images/bg6.png) center center no-repeat; background-size: cover; } .page_100 .main-content { margin-top: 0.2rem; padding: 0.7rem 0.5rem 0.5rem 0.5rem; border-radius: 0.1rem; } @media screen and (max-width: 1024px) { .page_100 .main-content { padding: 0.3rem 0.1rem; } } .page_100 .main-content .content { margin-top: 0.5rem; } .page_100 .main-content .content div { font-size: 0.14rem; color: #000; line-height: 0.3rem; margin-bottom: 0.68rem; } .page_100 .main-content .content div p { font-size: 0.14rem; color: #000; line-height: 0.3rem; } @media screen and (max-width: 1024px) { .page_100 .main-content .content div p { font-size: 0.28rem; line-height: 0.36rem; } } .page_100 .main-content .content img { width: 3.6rem; margin: 0 auto; display: block; margin-bottom: 0.57rem; } @media screen and (max-width: 1024px) { .page_100 .main-content .content img { width: 50%; } } .page_100 .main-content-other { padding: 1rem 0 1.1rem 0; background: url(../images/bg.png) left bottom no-repeat #fff; background-size: 100% auto; } @media screen and (max-width: 1024px) { .page_100 .main-content-other { padding: 0.4rem 0; } } .page_100 .main-content-other .year-list { overflow: hidden; padding-top: 0.65rem; position: relative; } .page_100 .main-content-other .year-list li { width: 100%; } @media screen and (max-width: 1024px) { .page_100 .main-content-other .year-list li { margin-bottom: 0.3rem; border-bottom: 1px solid #ddd; padding-bottom: 0.3rem; overflow: hidden; } } .page_100 .main-content-other .year-list li .year-info { width: 50%; display: flex; align-items: center; height: auto; position: relative; } @media screen and (max-width: 1024px) { .page_100 .main-content-other .year-list li .year-info { width: 100%; } } .page_100 .main-content-other .year-list li .year-info p { font-size: 0.2rem; color: #333; width: 4.2rem; float: left; line-height: 0.3rem; text-align: justify; } @media screen and (max-width: 1024px) { .page_100 .main-content-other .year-list li .year-info p { width: 5rem; font-size: 0.28rem; line-height: 0.36rem; } } .page_100 .main-content-other .year-list li .year-info span { float: left; font-size: 0.36rem; color: #ccd1de; } .page_100 .main-content-other .year-list li .year-info div { width: 0.22rem; height: 0.22rem; border-radius: 0.11rem; background: url(../images/yuan.png) center center no-repeat; background-size: 100% 100%; float: left; z-index: 9; position: absolute; } @media screen and (max-width: 1024px) { .page_100 .main-content-other .year-list li .year-info div { display: none; } } .page_100 .main-content-other .year-list li .year-info:before { content: ''; position: absolute; top: -0.33rem; height: 2.5rem; background: #a2c8ff; width: 1px; z-index: 1; } @media screen and (max-width: 1024px) { .page_100 .main-content-other .year-list li .year-info:before { display: none; } } .page_100 .main-content-other .year-list li .year-info:after { content: ''; position: absolute; top: 0.33rem; height: 1.5rem; background: #a2c8ff; width: 1px; z-index: 1; } @media screen and (max-width: 1024px) { .page_100 .main-content-other .year-list li .year-info:after { display: none; } } .page_100 .main-content-other .year-list li:nth-child(even) { margin-left: -0.44rem; } @media screen and (max-width: 1024px) { .page_100 .main-content-other .year-list li:nth-child(even) { margin-left: 0; } } .page_100 .main-content-other .year-list li:nth-child(even) .year-info { float: right; left: 0.5rem; } @media screen and (max-width: 1024px) { .page_100 .main-content-other .year-list li:nth-child(even) .year-info { left: 0; } } .page_100 .main-content-other .year-list li:nth-child(even) .year-info span { margin-right: 0.4rem; margin-left: 0.12rem; } .page_100 .main-content-other .year-list li:nth-child(even) .year-info div { left: -0.21rem; } .page_100 .main-content-other .year-list li:nth-child(even) .year-info:before { left: -0.1rem; } .page_100 .main-content-other .year-list li:nth-child(even) .year-info:after { left: -0.1rem; } .page_100 .main-content-other .year-list li:nth-child(odd) { margin-left: 0.27rem; right: 0.5rem; } @media screen and (max-width: 1024px) { .page_100 .main-content-other .year-list li:nth-child(odd) { margin-left: 0; } } .page_100 .main-content-other .year-list li:nth-child(odd) .year-info { float: left; } .page_100 .main-content-other .year-list li:nth-child(odd) .year-info p { text-align: right; } .page_100 .main-content-other .year-list li:nth-child(odd) .year-info span { margin-left: 0.1rem; margin-right: 0.12rem; } @media screen and (max-width: 1024px) { .page_100 .main-content-other .year-list li:nth-child(odd) .year-info span { margin-left: 0.5rem; } } .page_100 .main-content-other .year-list li:nth-child(odd) .year-info div { right: 0.2rem; } .page_100 .main-content-other .year-list li:nth-child(odd) .year-info:before { right: 0.3rem; } .page_100 .main-content-other .year-list li:nth-child(odd) .year-info:after { right: 0.3rem; } .page_100 .main-content-other .year-list li:last-child div:after { display: none; } .page_100 .main-content-other .year-list li:last-child div:before { height: 0.55rem; } .page_100 .main-content-other .year-list li:first-child div:before { display: none; } .page_100 .main-content-other .year-list li:first-child div:after { top: 0.9rem; }