/* 陪伴 */ .block-home-1 { height: calc(100vh - 80px); } .home-main-1 { z-index: 8; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: linear-gradient(180deg, rgba(24, 152, 127, .5) 0%, rgba(0, 0, 0, .5) 100%); } .home-main-1 .content { position: absolute; bottom: 10rem; width: 50%; color: white; } .home-main-1 .content label { display: block; font-size: 2.4rem; line-height: 2.4rem; opacity: .9; padding-right: 1rem; } .home-main-1 .content img { display: block; width: 9rem; margin-bottom: .5rem; opacity: .8; } .home-main-1 .content span { display: block; padding: .8rem 0; line-height: 1.8rem; } .home-main-1 .content a { display: inline-block; border: 1px solid white; padding: .5rem 2rem; margin-top: 2rem; color: white; opacity: .8; } /* 成长 */ .home-main-2 { z-index: 8; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: linear-gradient(180deg, rgba(6, 119, 121, .1) 0%, rgba(6, 119, 121, .7) 100%); } .home-main-2 .content { position: absolute; bottom: 10rem; width: 50%; color: white; } .home-main-2 .content label { display: block; font-size: 2.4rem; line-height: 2.4rem; opacity: .9; padding-right: 1rem; } .home-main-2 .content img { display: block; width: 9rem; margin-bottom: .5rem; opacity: .8; } .home-main-2 .content span { display: block; padding: .8rem 0; line-height: 1.8rem; } .home-main-2 .content a { display: inline-block; border: 1px solid white; padding: .5rem 2rem; margin-top: 2rem; color: white; opacity: .9; } @media (max-width: 767.98px) { /*陪伴*/ .block-home-1 { height: calc(100vh - 65px); } .home-main-1 .content { width: auto; } .home-main-1 .content label { font-size: 2rem; line-height: 2rem; } /*成长*/ .home-main-2 .content { left: 1rem; bottom: 3rem; width: auto; } .home-main-2 .content label { font-size: 2rem; line-height: 2rem; } }