.esg-content { display: flex; height: 6.53rem; margin-bottom: 0.8rem; } .esg-content .left { width: 9.62rem; height: 100%; } .esg-content .left .swiper-container { width: 100%; height: 100%; margin: 0 auto; position: relative; } .esg-content .left .swiper-container .swiper-slide img { width: 100%; height: 100%; object-fit: cover; } .esg-content .left .swiper-container .swiper-button-prev::after, .esg-content .left .swiper-container .swiper-button-next::after { font-size: 0.3rem; color: #fff; } .esg-content .left .swiper-container .swiper-button-prev { left: 0.2rem; } .esg-content .left .swiper-container .swiper-button-next { right: 0.2rem; } .esg-content .right { width: calc(100% - 9.62rem); height: 100%; background-color: #fff; padding: 0.5rem 0.68rem 0; } .esg-content .right .title { font-size: 0.18rem; font-weight: 700; color: #51575c; line-height: 0.4rem; text-align: left; } .esg-content .right form { margin-top: 0.15rem; } .esg-content .right form .form p { width: 100%; height: 0.36rem; border: 1px solid #d1d1d1; border-radius: 2px; display: flex; margin-bottom: 0.12rem; align-items: center; padding: 0 0.15rem 0 0.2rem; } .esg-content .right form .form p.desc { height: 1rem; align-items: start; line-height: 0.36rem; } .esg-content .right form .form p span { font-size: 0.14rem; font-weight: 350; color: #51575c; } .esg-content .right form .form p span.label { line-height: 0.36rem; position: relative; } .esg-content .right form .form p input, .esg-content .right form .form p textarea { height: 100%; flex: 1; border: none; outline: none; } .esg-content .right form .form p textarea { height: calc(100% - 0.2rem); font-size: 0.14rem; margin: 0.1rem 0; resize: none; } .esg-content .right form .form .code-box { display: flex; } .esg-content .right form .form .code-box p { flex: 1; margin-right: 0.1rem; } .esg-content .right .submit_div { display: flex; justify-content: flex-end; position: relative; } .esg-content .right .submit_div .submit { display: inline-block; padding: 0 0.2rem; height: 0.44rem; line-height: 0.44rem; font-size: 0.16rem; color: #e60000; border: 1px solid #e60000; border-radius: 4px; box-shadow: 0px 20px 45px 2px rgba(222, 233, 248, 0.8); } .esg-content .right .submit_div .alert-box { position: absolute; right: 2rem; margin-top: 0.15rem; } @media screen and (max-width: 750px) { .esg .nav { padding-left: 0.34rem !important; } .esg .nav .dreamer-location { margin-top: 0.14rem; } .esg .nav .dreamer-location li::before { line-height: 0.48rem; } .esg .nav .dreamer-location li a { font-size: 0.28rem; line-height: 0.48rem; } .esg .page-title { font-size: 0.4rem; line-height: 0.6rem; padding: 0 0.2rem; } .esg .esg-content { display: block; height: initial; margin-bottom: 0; } .esg .esg-content .left { width: 7.5rem; height: 5.1rem; } .esg .esg-content .right { width: 100%; height: initial; padding: 0.4rem 0.3rem; } .esg .esg-content .right .title { font-size: 0.32rem; line-height: 0.5rem; } .esg .esg-content .right form .form p { height: 0.8rem; } .esg .esg-content .right form .form p span { font-size: 0.28rem; line-height: 0.8rem; } .esg .esg-content .right form .form p input { font-size: 0.28rem; } .esg .esg-content .right form .form p textarea { font-size: 0.28rem; line-height: 0.5rem; } .esg .esg-content .right form .form p.desc { height: 1.5rem; padding-right: 1.25rem; } .esg .esg-content .right form .form p.desc span.label { line-height: 0.8rem; } .esg .esg-content .right form .form p.desc span.val-size { line-height: 0.5rem !important; font-size: 0.28rem !important; } .esg .esg-content .right form .form .code-box #v_container-box, .esg .esg-content .right form .form .code-box canvas { height: 0.8rem !important; width: 1.7rem !important; } .esg .esg-content .right .submit_div .submit { height: 0.6rem; line-height: 0.6rem; font-size: 0.3rem; } .esg .esg-content .right .submit_div .alert-box { right: 3.8rem; font-size: 0.22rem; height: 0.6rem; line-height: 0.3rem; margin-top: 0; display: flex; align-items: center; } }