@media screen and (max-width: 750px) { .footer .footer-con { display: block; } .footer .footer-con .footer-left.contact-box { padding: 0.3rem 0.25rem 0; } .footer .footer-con .footer-left.contact-box h3 { font-size: 0.3rem; line-height: 0.6rem; font-weight: 500; } .footer .footer-con .footer-left.contact-box .box-left { position: relative; } .footer .footer-con .footer-left.contact-box .box-left .radio { height: 0.8rem; margin-top: 0.2rem; padding: 0 0.24rem; } .footer .footer-con .footer-left.contact-box .box-left .radio a { padding: 0 0.25rem 0 0.43rem; font-size: 0.28rem; color: #6E8FB0; } .footer .footer-con .footer-left.contact-box .box-left .radio a::after { top: -3%; padding: 0.15rem; border-width: 0.03rem; } .footer .footer-con .footer-left.contact-box .box-left .radio a.active::before { margin-left: 0; margin-top: 0; width: 0.14rem; height: 0.14rem; background-color: #6e8fb0; position: absolute; left: 0.07rem; top: 16%; } .footer .footer-con .footer-left.contact-box .box-left .form p { padding: 0 0.3rem; } .footer .footer-con .footer-left.contact-box .box-left .form p.desc { padding-right: 1.2rem !important; } .footer .footer-con .footer-left.contact-box .box-left .form p.code-box { width: 5.23rem; position: relative; } .footer .footer-con .footer-left.contact-box .box-left .form p.code-box input { width: 2rem; flex: initial; } .footer .footer-con .footer-left.contact-box .box-left .form p.code-box #v_container { position: absolute; right: 0; top: 0; width: 2rem !important; height: 0.8rem !important; margin-right: 0 !important; } .footer .footer-con .footer-left.contact-box .box-left .form p.code-box #v_container canvas { width: 2rem; height: 0.8rem; } .footer .footer-con .footer-left.contact-box .box-left .form p span { font-size: 0.28rem; color: #6E8FB0; line-height: 0.8rem; } .footer .footer-con .footer-left.contact-box .box-left .form p input { font-size: 0.28rem; height: 0.8rem; } .footer .footer-con .footer-left.contact-box .box-left .form p textarea { font-size: 0.28rem; height: 1.2rem; line-height: 0.4rem; margin: 0.3rem 0; } .footer .footer-con .footer-left.contact-box .box-left .form p .val-size { font-size: 0.28rem !important; bottom: 0.1rem !important; } .footer .footer-con .footer-left.contact-box .box-left .submit_div { position: absolute; right: 0; bottom: 1px; margin: 0; } .footer .footer-con .footer-left.contact-box .box-left .submit_div .submit { width: 1.58rem; height: 0.8rem; font-size: 0.28rem; line-height: 0.8rem; color: #C3E1FF; } .footer .footer-con .footer-left.contact-box .box-left .submit_div .alert-box { transform: translateY(1rem); font-size: 0.26rem; text-align: right; width: 6rem; right: 0; } .footer .footer-con .div2 { padding: 0.9rem 0.38rem 0; display: flex; flex-direction: row; flex-wrap: wrap; } .footer .footer-con .div2 ul { min-width: 50%; } .footer .footer-con .div2 ul li { margin-right: 0 !important; } .footer .footer-con .div2 ul li a { margin-left: 0; } .footer .footer-con .div2 ul li .lead { font-size: 0.3rem; line-height: 0.6rem; margin-left: 0; } .footer .footer-con .div2 ul li div { margin-top: 0.15rem; } .footer .footer-con .div2 ul li div a { margin-right: 0.15rem; margin-left: 0; font-size: 0.28rem; line-height: 0.56rem; color: #A2ADB8; } .footer .footer-con .about { padding: 0.5rem 0.38rem 0.4rem; } .footer .footer-con .about .top { display: flex; margin-bottom: 0.3rem; } .footer .footer-con .about .top .item { width: 50%; } .footer .footer-con .about .top .item .up { margin-bottom: 0.2rem; width: 2.58rem; height: 2.58rem; } .footer .footer-con .about .top .item .title { width: 2.58rem; display: flex; align-items: center; justify-content: center; } .footer .footer-con .about .top .item .title img { height: 0.5rem; } .footer .footer-con .about .info p { font-size: 0.26rem; line-height: 0.52rem; } .footer .div3 { width: 100%; display: block; position: relative; padding: 0.24rem 0 0.24rem 0.7rem; text-align: initial; } .footer .div3 img { position: absolute; left: 0.2rem; top: 0.38rem; width: 0.48rem; height: 0.48rem; } .footer .div3 div { font-size: 0.24rem; line-height: 0.35rem; color: #667C92; padding: 0; } .footer .div3 div a:first-of-type { padding-left: 0; } .lxwmTzz { width: 100%; display: block; padding: 0.2rem; height: auto; } .lxwmTzz .lxwmTzzLine { display: none; } .lxwmTzz .lxwmTzzCon { margin-bottom: 0.5rem; } .lxwmTzz .lxwmTzzCon:nth-child(3) { margin-left: 0; } .lxwmTzz .lxwmTzzCon img { width: 1.2rem; height: 1.2rem; } .lxwmTzz .lxwmTzzCon h2 { font-size: 0.28rem; line-height: 0.4rem; } .lxwmTzz .lxwmTzzCon p { font-size: 0.28rem; line-height: 0.4rem; width: initial; } }