.content { padding-top: 50px; min-height: calc(100vh - 215px); background-color: #fff; }
.content input[type='text']:focus, .content .btn_box { margin: 20px 0; overflow: hidden; }
.content input[type='text']:focus .btn, .content .btn_box .btn { width: 105px; height: 38px; text-align: center; font-size: 18px; color: white; border-radius: 5px; background: #2474a7; overflow: hidden; outline: none; border: none; }
.content input[type='text']:focus .btn:hover, .content .btn_box .btn:hover { opacity: 0.8; }
.content input[type='text']:focus .right, .content .btn_box .right { float: right; margin-right: 30px; }
.content input[type='text']:focus .left, .content .btn_box .left { float: left; margin-left: 30px; }
.content .search-wrapper { width: 850px; margin: auto; margin-bottom: 30px; overflow: hidden; }
.content .search-wrapper .warranty-search { width: 600px; margin: auto; overflow: hidden; }
.content .search-wrapper .warranty-search select { height: 40px; width: 110px; border-radius: 3px; border: 1px solid #ccc; }
.content .search-wrapper .warranty-search span { margin: 0 10px; }
.content .search-wrapper .warranty-search img { display: inline-block; }
.content .search-wrapper .warranty-search input { width: 270px; height: 40px; margin: auto; padding: 0 10px; border-radius: 3px; border: 1px solid #ccc; }
.content .search-wrapper .warranty-search .search_btn { width: 24px; height: 24px; margin-left: -35px; }
.content .search-wrapper .warranty-search .search_help { margin-left: 12px; width: 24px; height: 24px; }
.content .search-wrapper .search_help_txt { width: 600px; margin: auto; margin-top: 10px; text-align: center; display: none; }
.content .search-wrapper .search-input { width: 600px; height: 50px; margin: auto; }
.content .search-wrapper .search-input img { display: inline-block; }
.content .search-wrapper .search-input input { width: 250px; height: 40px; margin: auto; padding: 0 10px; border-radius: 3px; border: 1px solid #ccc; }
.content .search-wrapper .search-input .search_number { width: 320px; }
.content .search-wrapper .search-input .search_btn { width: 24px; height: 24px; margin-left: -35px; }
.content .search-wrapper .search-info-failed { width: 200px; margin: auto; font-size: 16px; margin-top: 20px; display: none; }
.content .search-wrapper .search-info { margin-top: 20px; padding-left: 10px; padding-bottom: 20px; border-radius: 5px; border: 2px solid #2474a7; display: none; }
.content .search-wrapper .search-info .search-info-close { height: 35px; margin-top: 5px; }
.content .search-wrapper .search-info .search-info-close img { float: right; margin-right: 20px; }
.content .search-wrapper .search-info .search-info-title { font-size: 16px; margin-top: 5px; }
.content .search-wrapper .search-info .search-info-content { padding-left: 20px; margin: 0; }
.content .search-wrapper .search-info .search-info-content span { margin-left: 10px; }
.content .page-wrapper { width: 850px; margin: auto; margin-bottom: 60px; padding-bottom: 10px; overflow: hidden; border: 2px solid #2474a7; border-radius: 5px; }
.content .page-wrapper .page1, .content .page-wrapper .page2, .content .page-wrapper .page3 { width: 100%; }
.content .page-wrapper .page1 .info_title { font-size: 22px; color: #2474a7; text-align: center; margin: 20px 0; }
.content .page-wrapper .page1 .info p { font-size: 18px; padding: 0 10px; }
.content .page-wrapper .page1 .info .provide_text { margin: 20px 0 10px 0; }
.content .page-wrapper .page1 .info .info_title_min { font-size: 20px; margin-top: 20px; }
.content .page-wrapper .page1 .warranty_info p { font-size: 18px; padding: 0 10px; }
.content .page-wrapper .page1 .warranty_info .warranty_title { font-size: 20px; color: #2474a7; }
.content .page-wrapper .page1 .warranty_info a { display: inline-block; padding: 0 5px; font-size: 16px; color: white; border-radius: 5px; background: #2474a7; line-height: 35px; text-decoration: none; margin-left: 20px; }
.content .page-wrapper .page1 .warranty_info a img { width: 20px; height: 20px; }
.content .page-wrapper .page1 .warranty_info a:hover { opacity: 0.8; }
.content .page-wrapper .page2, .content .page-wrapper .page3 { position: relative; display: none; }
.content .page-wrapper form label { padding-top: 1px; width: 150px; font-weight: 500; }
.content .page-wrapper form .note { float: left; overflow: hidden; margin-right: 3px; }
.content .page-wrapper form input[type='text'], .content .page-wrapper form select { width: 300px; height: 35px; padding: 0 10px; border-radius: 3px; border: 1px solid #ccc; }
.content .page-wrapper form textarea { padding: 10px; width: 300px; border: 1px solid #ccc; }
.content .page-wrapper form .form_required { display: inline-block; height: 15px; color: red; font-size: 20px; }
.content .page-wrapper form .form_radio { margin-left: 150px; }
.content .page-wrapper form .form_radio input { margin-right: 3px; }
.content .page-wrapper form .form_row { width: 485px; margin: auto; margin-top: 15px; }
.content .page-wrapper form .form_row .dashed_border { border: 1px dashed #ccc; }
.content .page-wrapper form .form_row .form_tel { width: 274px; margin-left: 5px; }
.content .page-wrapper form .form_row .form_row_help { width: 25px; height: 25px; }
.content .page-wrapper form .form_row .form_row_help_txt { margin-left: 155px; margin-top: 5px; display: none; }
.content .page-wrapper form .form_row .form_search_input { float: right; width: 330px; height: 37px; border-radius: 3px; margin-right: 2px; }
.content .page-wrapper form .form_row .form_search_input img { display: inline-block; }
.content .page-wrapper form .form_row .form_search_input .form_search_btn { width: 24px; height: 24px; margin-left: -35px; }
.content .page-wrapper form .form_row .form_search_input .search_disable { width: 30px; height: 30px; margin-left: -35px; }
.content .page-wrapper form .form_row .form_search_input .form_search_status { width: 25px; height: 25px; margin-left: 2px; display: none; }
.content .page-wrapper form .form_row .form_search_input input { display: inline-block; width: 300px; border: 1px solid #ccc; padding-right: 30px; }
.content .page-wrapper form .form_row .form_search_input .search_able { display: none; }
.content .page-wrapper form .form_row .form_error_hint { margin-left: 155px; margin-top: 5px; display: none; }
.content .page-wrapper form .form_row_part_help_txt { width: 440px; margin: auto; overflow: hidden; }
.content .page-wrapper form .form_row_part_help_txt .form_row_part_help { width: 25px; height: 25px; margin-left: 5px; float: left; }
.content .page-wrapper form .form_row_part_help_txt p { width: 400px; float: left; margin-left: 5px; }
.content .page-wrapper form .form_row_part { width: 485px; margin: auto; margin-top: 15px; }
.content .page-wrapper form .form_row_part .part_search { overflow: hidden; margin-bottom: 10px; }
.content .page-wrapper form .form_row_part .part_search .part_delete_img { width: 25px; height: 25px; float: left; margin-top: 40px; }
.content .page-wrapper form .form_row_part .part_search .part_delete_img img { width: 25px; height: 25px; display: none; }
.content .page-wrapper form .form_row_part .part_search .part_input_box { float: right; width: 440px; border-radius: 3px; margin-right: 2px; }
.content .page-wrapper form .form_row_part .part_search .part_input_box .form_row_help { width: 25px; height: 25px; }
.content .page-wrapper form .form_row_part .part_search .part_input_box .form_row_help_txt { margin-left: 110px; margin-top: 5px; display: none; }
.content .page-wrapper form .form_row_part .part_search .part_input_box .part_input { margin: 10px 0; overflow: hidden; }
.content .page-wrapper form .form_row_part .part_search .part_input_box .part_input label { display: inline-block; width: 100px; line-height: 37px; }
.content .page-wrapper form .form_row_part .part_search .part_input_box .part_input input { display: inline-block; width: 300px; border: 1px solid #ccc; padding-right: 30px; }
.content .page-wrapper form .form_row_part .part_search .part_label { float: left; }
.content .page-wrapper form .form_row_part .part_search .part_search_input { float: right; width: 335px; }
.content .page-wrapper form .form_row_part .part_search .part_search_input img { display: inline-block; }
.content .page-wrapper form .form_row_part .part_search .part_search_input .part_search_btn { width: 24px; height: 24px; margin-left: -35px; }
.content .page-wrapper form .form_row_part .part_search .part_search_input .part_search_status { width: 25px; height: 25px; float: right; margin-top: 5px; display: none; }
.content .page-wrapper form .form_row_part .part_search_info { margin-left: 150px; }
.content .page-wrapper form .form_row_part .part_add { width: 440px; height: 40px; font-size: 18px; text-align: center; border: 2px dashed #2474a7; line-height: 40px; margin-bottom: 15px; margin-left: 20px; }
.content .page-wrapper form .form_note { width: 485px; margin: auto; font-size: 16px; color: red; margin-top: 10px; }
.content .page-wrapper form .form_title { font-size: 22px; color: #2474a7; margin: 15px 0; text-align: center; }
.content .page-wrapper form .form_title2 { width: 485px; font-size: 16px; color: #2474a7; margin: auto; margin-top: 10px; }
.content .page-wrapper form .form_title3 { font-size: 16px; color: #2474a7; }
.content .hint_box { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: none; }
.content .hint_box .hint_title_div { height: 30px; background: #2474a7; }
.content .hint_box .hint_info_box { width: 500px; height: auto; background: white; position: absolute; top: 30%; left: 50%; margin: 0 0 0 -160px; border-radius: 5px; }
.content .hint_box .hint_info_box .hint_box_btn { overflow: hidden; }
.content .hint_box .hint_info_box .hint_box_btn input { padding: 5px 10px; font-size: 16px; color: white; border-radius: 3px; background: #999; overflow: hidden; outline: none; border: none; margin: 10px 20px 20px 20px; }
.content .hint_box .hint_info_box .hint_box_btn .confirm_btn { float: right; background: #2474a7; }
.content .hint_box .hint_info_box .hint_box_btn .suc_close_btn, .content .hint_box .hint_info_box .hint_box_btn .fail_close_btn { float: right; background: #2474a7; }
.content .hint_box p { margin-top: 10px; font-size: 16px; padding: 0 20px; }
.content .hint_box .hint_title_center { text-align: center; }
.content .hint_box .hint_info { display: none; }
.content .hint_box .hint_info .hint_title { margin-top: 20px; font-size: 16px; padding: 0 20px; }
.content .hint_box .hint_info .hint_info_parts { margin-top: 15px; padding: 0; }
.content .hint_box .hint_info .hint_info_parts li { margin: 5px 0; padding-left: 30px; }
.content .hint_box .hint_info_submit { width: 400px; }
.content .hint_box .hint_success_info { display: none; }
.content .hint_box .hint_fail_info { display: none; }

@media only screen and (max-width: 750px) { .content { padding-top: 20px; min-height: calc(100vh - 140px); }
  .content .btn_box { margin: 20px 0; overflow: hidden; }
  .content .btn_box .btn { width: 100%; margin-top: 10px; }
  .content .btn_box .right { margin-right: 0px; }
  .content .btn_box .left { margin-left: 0; }
  .content .search-wrapper { margin-bottom: 10px; width: auto; }
  .content .search-wrapper .warranty-search { width: 100%; margin: auto; }
  .content .search-wrapper .warranty-search select { display: block; width: 100%; margin-bottom: 20px; }
  .content .search-wrapper .warranty-search span { display: none; }
  .content .search-wrapper .warranty-search input { width: -webkit-calc(100vw - 120px); width: -moz-calc(100vw - 120px); width: calc(100vw - 120px); }
  .content .search-wrapper .warranty-search .search_help { margin-left: 20px; }
  .content .search-wrapper .search_help_txt { width: 100%; }
  .content .search-wrapper .search-input { height: auto; width: 100%; }
  .content .search-wrapper .search-input input { width: -webkit-calc(100vw - 40px); width: -moz-calc(100vw - 40px); width: calc(100vw - 40px); }
  .content .search-wrapper .search-input span { display: none; }
  .content .search-wrapper .search-input .search_number { width: -webkit-calc(100vw - 40px); width: -moz-calc(100vw - 40px); width: calc(100vw - 40px); margin-top: 20px; }
  .content .search-wrapper .search-info { margin-top: 10px; border: none; border-radius: 0; }
  .content .page-wrapper { width: auto; margin: auto; margin-bottom: 20px; padding-bottom: 0px; border: none; border-radius: 0; }
  .content .page-wrapper .page1, .content .page-wrapper .page2, .content .page-wrapper .page3 { width: 100%; }
  .content .page-wrapper .page1 .info_title { margin: 20px 0; }
  .content .page-wrapper .page1 .info p { font-size: 18px; padding: 0 10px; }
  .content .page-wrapper .page1 .info .provide_text { margin: 20px 0 10px 0; }
  .content .page-wrapper .page1 .warranty_info a { width: 100%; text-align: center; margin-left: 0px; }
  .content .page-wrapper .page2, .content .page-wrapper .page3 { position: relative; }
  .content .page-wrapper form { margin: auto; }
  .content .page-wrapper form label { display: block; width: auto; }
  .content .page-wrapper form input[type='text'], .content .page-wrapper form select { display: block; width: 80%; }
  .content .page-wrapper form select option { width: 80%; }
  .content .page-wrapper form textarea { width: 100%; }
  .content .page-wrapper form .form_required { display: inline-block; height: 15px; color: red; font-size: 20px; }
  .content .page-wrapper form .form_radio { margin-left: 0; }
  .content .page-wrapper form .form_row { width: 100%; padding-left: 0; overflow: hidden; }
  .content .page-wrapper form .form_row .form_row_help { width: 25px; height: 25px; float: right; }
  .content .page-wrapper form .form_row .form_row_help_txt { margin-left: 0px; display: none; }
  .content .page-wrapper form .form_row .form_search_input { float: none; width: 100%; }
  .content .page-wrapper form .form_row .form_search_input input { width: -webkit-calc(100vw - 70px); width: -moz-calc(100vw - 70px); width: calc(100vw - 70px); }
  .content .page-wrapper form .form_row .form_error_hint { margin-left: 0; }
  .content .page-wrapper form .form_note { padding-left: 0; }
  .content .page-wrapper form .form_title2 { width: 100%; margin-top: 10px; padding-left: 0px; }
  .content .page-wrapper form .form_title3 { margin-top: 10px; }
  .content .page-wrapper form .form_row_part_help_txt { width: 100%; }
  .content .page-wrapper form .form_row_part_help_txt p { width: -webkit-calc(100vw - 70px); width: -moz-calc(100vw - 70px); width: calc(100vw - 70px); }
  .content .page-wrapper form .form_row_part { width: 100%; margin-top: 0; }
  .content .page-wrapper form .form_row_part .part_search .part_delete_img { margin-top: 70px; }
  .content .page-wrapper form .form_row_part .part_search .part_input_box { float: right; width: -webkit-calc(100vw - 70px); width: -moz-calc(100vw - 70px); width: calc(100vw - 70px); }
  .content .page-wrapper form .form_row_part .part_search .part_input_box .part_input { height: auto; }
  .content .page-wrapper form .form_row_part .part_search .part_input_box .part_input label { display: block; }
  .content .page-wrapper form .form_row_part .part_search .part_input_box .part_input input { width: -webkit-calc(100vw - 105px); width: -moz-calc(100vw - 105px); width: calc(100vw - 105px); }
  .content .page-wrapper form .form_row_part .part_search .part_input_box .form_row_help_txt { margin-left: 0px; }
  .content .page-wrapper form .form_row_part .part_search .part_input_box .part_label { float: none; }
  .content .page-wrapper form .form_row_part .part_search .part_input_box .part_search_input { float: none; width: 100%; }
  .content .page-wrapper form .form_row_part .part_search .part_input_box .part_search_input input { width: -webkit-calc(100vw - 105px); width: -moz-calc(100vw - 105px); width: calc(100vw - 105px); }
  .content .page-wrapper form .form_row_part .part_search_info { margin-left: 0; }
  .content .page-wrapper form .form_row_part .part_add { width: 100%; margin-left: 0; }
  .content .claim-wrapper form input[type='text'], .content .claim-wrapper form select { display: inline-block; width: 90%; }
  .content .claim-wrapper form .form_row .form_row_help { float: right; margin-top: 5px; }
  .content .hint_box .hint_info_box { width: 90%; margin: -80px 0 0 -45%; }
  .content .hint_box .hint_info_box p { font-size: 14px; } }
@media only screen and (min-width: 751px) and (max-width: 992px) { .content { padding-top: 20px; }
  .content .search-wrapper { width: auto; }
  .content .search-wrapper .warranty-search { width: 100%; margin: auto; }
  .content .search-wrapper .warranty-search select { display: block; width: 100%; margin-bottom: 20px; }
  .content .search-wrapper .warranty-search span { display: none; }
  .content .search-wrapper .warranty-search input { width: 90%; }
  .content .search-wrapper .warranty-search .search_help { margin-left: 20px; }
  .content .page-wrapper { width: 100%; margin: auto; border: none; border-radius: 0; }
  .content .page-wrapper form .form_title2 { margin-top: 10px; } }