body { background: #ffffff; display: block; } input, textarea { background: none; outline: none; border: none; } .contant { padding: 1.01rem 0 1.77rem 2.4rem; display: flex; justify-content: space-between; } .contant .contant_left .title { color: #1CB0F7; font-size: 0.24rem; font-weight: bold; margin-bottom: 0.25rem; } .contant .contant_left .infomation { width: 7.3rem; display: flex; flex-wrap: wrap; /* border: 1px solid #F2F2F2; */ margin-bottom: 0.74rem; } .contant .contant_left .infomation .infomation_box { width: 2.4rem; height: 1.22rem; border: 1px solid #F2F2F2; /* border-bottom: 1px solid #F2F2F2; border-right: 1px solid #F2F2F2; */ display: flex; flex-direction: column; justify-content: center; font-size: .14rem; } .contant .contant_left .infomation .infomation_box:nth-child(2) { width: 2.38rem !important; } .contant .contant_left .infomation .infomation_box .icon { display: flex; align-items: center; margin-left: 0.27rem; } .contant .contant_left .infomation .infomation_box .icon img { width: 0.25rem; height: 0.25rem; } .contant .contant_left .infomation .infomation_box .icon p { margin-left: 0.1rem; margin-top: 0; color: #474747; } .contant .contant_left .infomation .infomation_box p { margin-left: 0.27rem; margin-top: 0.1rem; color: #474747; } .contant .contant_left .form input { width: 6.99rem; height: 0.55rem; border: 1px solid #EDEDED; background: #F7F7F7; padding: 0 0.14rem; margin-bottom: 0.05rem; } .contant .contant_left .form .input input { width: 3.33rem; padding: 0 0.14rem; } .contant .contant_left .form textarea { width: 6.99rem; height: 1.02rem; padding: 0.28rem 0.14rem; border: 1px solid #EDEDED; background: #F7F7F7; resize: none; } .contant .contant_left .form button { width: 1.73rem; height: 0.57rem; border: none; outline: none; background: linear-gradient(276deg, #7BCFEB 0%, #5DBEFF 100%); border-radius: 0.3rem; color: #ffffff; cursor: pointer; font-size: 0.14rem; margin-top: 0.15rem; display: flex; align-items: center; justify-content: center; } .contant .contant_left .form button img { margin-left: 0.2rem; width: auto; } .contant .contant_right { width: 8.66rem; } .bg-banner { position: relative; } .bg-banner p { position: absolute; top: 2.7rem; font-size: 0.48rem; font-family: Microsoft YaHei; font-weight: bold; line-height: 0.46rem; text-align: center; width: 100%; color: #fff; } @media screen and (max-width: 768px) { .header .logo { width: 2.57rem; } .contant { padding: 1rem 0.25rem !important; display: flex; flex-direction: column; } .contant .contant_right{ width: 100%; } .contant .infomation { width: 100% !important; } .contant .infomation .infomation_box { width: 100% !important; padding: 0 0.25rem; } .contant form input { width: calc(100% - 0.28rem) !important; background: none; background-color: #fff !important; box-shadow: none !important; -webkit-appearance: none; outline:none; } .contant form textarea { width: calc(100% - 0.28rem) !important; background: none; background-color: #fff !important; box-shadow: none !important; -webkit-appearance: none; outline:none; } .contant .contant_right { margin-top: 0.2rem; } .bottom .bottom_list { display: flex; flex-direction: column-reverse; margin-bottom: 0.6rem; } .bottom .bottom_list .bottom_a { width: 100% !important; display: flex; flex-wrap: wrap; } .bottom .bottom_list .bottom_a ul { margin-bottom: 0.4rem; } .bottom .bottom_QR { width: auto !important; } .bottom .bottom_QR img { margin: 0 !important; } .bottom .bottom_copyright { padding: 0.25rem; width: calc(100% - 0.5rem) !important; } .bottom .bottom_copyright .center { display: flex; flex-direction: column; text-align: center; padding-bottom: 0.25rem; } .contant .contant_left .infomation .infomation_box:nth-child(2){ width: 100% !important; } }