.shouhou_search{ width: 100%; margin-top: 70px; margin-bottom: 50px; } .shouhou_title{ font-weight:600; font-size:25px; height: 50px; line-height: 50px; text-align: center; margin: 0 auto; } .shouhou_contents form { border: 1px solid #d7d7d7; border-radius: 15px; } .shouhou_contents .shouhou_form { background: #fff; padding: 0; display: flex; } .suma_pic{ width: 100%; } .baoxiuqi_b { margin: 0 auto; width: 60%; padding: 20px 0; } .baoxiuqi_b li input { border-radius: 49px; } #warranty_code{ width: 68%; } .baoxiuqi_b li .em,.form-control{ border-radius: 49px; top:24px; } .form-control{ display: inline-block; font-size: 16px; color: #333; line-height: 49px; width: 100%; height: 49px; padding-left: 2%; background: #f7f7f7; outline: none; } .input_con{ margin: 5px 0 5px 10px; color: #423e3e; } .baoxiuqi_b li.last { text-align: left; padding: 0; } .baoxiuqi_b li input.submit_box { width: 300px; height: 50px; border-radius: 49px; } /* 保修期查询模态框 */ .btn_inquire{ width: 40%; margin:30px auto; } .btn_inquire button{ width: 100%; font-size: 16px; color: #fff !important; text-shadow: none; border: none; padding: 10px; background: #b01f24; } .btn_inquire button:hover{ color:white; } .btn_inquire button:focus{ color:white; } .modal-header { padding: 36px 0 28px 0!important; } .inquire_p p{ font-size: 18px; margin-top: 8px; } .inquire_p3{ font-size: 14px; margin: 50px 0; line-height: 22px; } @media screen and (max-width: 1400px){ } @media screen and (max-width: 1300px) { } /* 移动端 */ @media (max-width: 750px) { .baoxiuqi_left{ display: none !important; } } @media (max-width: 768px){ .baoxiuqi_b li input.submit_box { width: 100% !important; } .baoxiuqi_b li input { border-radius: 10px; } .baoxiuqi_b li .em, .form-control { border-radius: 10px; } .shouhou_search { margin-top: 0; } } @media (max-width: 900px){ .baoxiuqi_b { width: 86% !important; } } @media screen and (max-width: 550px) { } @media screen and (max-width: 330px) { } @media (min-width: 760px) and (max-width: 1030px) { } @media screen and (max-width: 770px) { } @media screen and (min-width: 1560px) { } @media screen and (min-width: 1880px) { } .sele{ display: inline-block; font-size: 16px; border: 1px solid #ececec; width: 100%; height: 49px; background: #f7f7f7; outline: none; border-radius: 49px; } .sele select{ width: 98%; border: none; } .sele select:focus{ outline: none; }