div { box-sizing: border-box; } .copyright-footer { width: 100%; height: 300rem; background: #f4f4f4; display: flex; flex-direction: column; position: sticky; top: 100vh; } .copyright-footer .footer-header { height: 100rem; padding-top: 20rem; display: flex; justify-content: center; } .copyright-footer .footer-body { flex: 1; display: flex; flex-direction: row; align-items: center; justify-content: space-between; height: 244rem; padding: 14rem 0rem 25rem; width: 1400rem; margin: 0 auto; } .copyright-footer .footer-body .footer-body-item { width: 33%; height: 185rem; background: #e7e8e8; } .copyright-footer .footer-body .footer-body-item img { cursor: pointer; } .copyright-footer .footer-body .footer-body-item:nth-of-type(1) { padding: 30rem 40rem; display: flex; flex-direction: column; } .copyright-footer .footer-body .footer-body-item:nth-of-type(1) .footer-item-header { white-space: nowrap; width: 97rem; height: 34rem; font-size: 24rem; font-family: "Lucida Grande", "Alibaba PuHuiTi 2.0-85 Bold", "Alibaba PuHuiTi 20"; font-weight: 700; color: #3d3d3d; line-height: 34rem; } .copyright-footer .footer-body .footer-body-item:nth-of-type(1) .footer-left-list { display: flex; flex-direction: row; flex-wrap: wrap; margin-top: 20rem; flex: 1; } .copyright-footer .footer-body .footer-body-item:nth-of-type(1) .footer-left-item { cursor: pointer; height: 28rem; font-size: 20rem; font-family: "Lucida Grande", "Alibaba PuHuiTi 2.0-55 Regular", "Alibaba PuHuiTi 20"; font-weight: 400; color: #3d3d3d; line-height: 28rem; flex: 0 0 33%; width: 104rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .copyright-footer .footer-body .footer-body-item:nth-of-type(1) .footer-left-item a { color: unset !important; } .copyright-footer .footer-body .footer-body-item:nth-of-type(1) .footer-left-item:nth-of-type(2), .copyright-footer .footer-body .footer-body-item:nth-of-type(1) .footer-left-item:nth-of-type(5) { text-align: center; } .copyright-footer .footer-body .footer-body-item:nth-of-type(1) .footer-left-item:nth-of-type(3), .copyright-footer .footer-body .footer-body-item:nth-of-type(1) .footer-left-item:nth-of-type(6) { text-align: right; } .copyright-footer .footer-body .footer-body-item:nth-of-type(2) { margin: 0rem 20rem; display: flex; flex-direction: row; padding: 35rem 25rem; justify-content: space-between; align-items: center; } .copyright-footer .footer-body .footer-body-item:nth-of-type(2) .footer-center-item { display: flex; flex-direction: column; align-items: center; } .copyright-footer .footer-body .footer-body-item:nth-of-type(2) .footer-center-item .footer-center-img { width: 89rem; height: 89rem; } .copyright-footer .footer-body .footer-body-item:nth-of-type(2) .footer-center-item .footer-center-label { width: 80rem; height: 28rem; font-size: 20rem; font-family: "Lucida Grande", "Alibaba PuHuiTi 2.0-55 Regular", "Alibaba PuHuiTi 20"; font-weight: 400; color: #333333; line-height: 28rem; margin-top: 10rem; text-align: center; margin: 0 auto; white-space: nowrap; overflow: hidden; /* 隐藏超出部分内容 */ text-overflow: ellipsis; /* 当文字超出容器范围时显示省略号 */ } .copyright-footer .footer-body .footer-body-item:nth-of-type(3) { display: flex; flex-direction: row; align-items: center; padding: 0rem 50rem; justify-content: space-between; } .copyright-footer .footer-body .footer-body-item:nth-of-type(3) .footer-right-img:nth-of-type(1) { width: 110rem; height: 55rem; } .copyright-footer .footer-body .footer-body-item:nth-of-type(3) .footer-right-img:nth-of-type(2) { width: 52rem; height: 63rem; } .copyright-footer .footer-body .footer-body-item:nth-of-type(3) .footer-right-img:nth-of-type(3) { width: 116rem; height: 53rem; } .copyright-footer .copyright-body { width: 100%; height: 56rem; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #eaebeb; padding: 10rem 0; font-size: 14rem; } .copyright-footer .copyright-body > div { line-height: 25rem; display: flex; align-items: center; } .copyright-footer .copyright-body .copyright-info > span:nth-of-type(2n) { margin-right: 20rem; } .copyright-footer .copyright-body .copyright-info > span:last-child { margin-right: 0; } .copyright-footer .copyright-body .badge { max-height: 20rem; } .copyright-footer .copyright-body .label-click { cursor: pointer; } .policy-img { width: 18rem; height: 20rem; margin-left: 60rem; margin-right: 6rem; vertical-align: text-bottom; } .model-body { padding: 8rem; display: flex; flex-direction: column; } .model-body .model-body_box { display: flex; margin-bottom: 10rem; } .model-body .model-body_box .box-value { width: 210rem; } .model-body .model-body_box .box-label { min-width: 120rem; text-align: left; margin-right: 10rem; white-space: nowrap; } .model-body .model-body_box .box-phoneBox { width: 210rem; display: flex; align-items: center; } .model-body .model-body_box .box-phoneBox .box-number { margin-left: 10rem; color: #407cfc; }