body { font-family: 'Montserrat-Medium'; } .fw_01 .list { position: relative; } .fw_01 .list:last-child { border-left: 1px solid #e3e3e3; } .fw_fw_title { width: calc((100% - 24px) / 2); border-radius: 12px; font-weight: bold; background-color: #fff; margin-right: 24px; } .fw_fw_title:last-child { margin-right: 0; } .fw_on { background-color: #004bfa; color: #fff; position: relative; z-index: 2; } /*新增swt*/ .anti-fake { background-color: #f2f2f2 !important; } .list .title { font-weight: bold; color: #000; } .list .sub-title { color: #9e9e9f; } .img-responsive { float: left; margin-right: 12px; } .form-title { font-size: 14px; font-weight: bold; } .form-input input, .form-input-code input { background-color: #f2f2f2; } .fw_button { background-color: #004bfa; display: inline-block; color: #fff; } /*弹窗*/ .Popup_all { width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.3); position: fixed; top: 0; left: 0; z-index: 99; } .Popup_all .Popup { position: absolute; top: 50%; background-color: #fff; left: 50%; z-index: 100; color: #000; } .Popup_content .title { font-weight: bold; text-align: center; } .fw_button_two { font-weight: bold; font-size: 14px; } .Popup_error .Popup { position: absolute; top: 50%; color: #fff; background-color: rgb(37, 36, 36); left: 50%; border-radius: 8px; z-index: 100; color: #fff; } .Popup_error .Popup_content { width: calc(100% - 24px); margin: 12px auto; } .result_title { background-color: #ffffff; text-align: center; border-radius: 12px; font-family: 'Montserrat-Bold'; } .result_content { background-color: #fff; border-radius: 24px; } .result_content .title { font-family: 'Montserrat-Bold'; } .result_content .des { font-family: 'Montserrat-Regular'; } .result-t { text-align: center; padding: 1% 0; } .product_info { display: flex; justify-content: flex-start; } .list .sub-title { font-family: 'Montserrat-Regular'; } @media screen and (min-width: 1440px) { .fw_fw_title { padding-top: 25px; padding-bottom: 25px; font-size: 18px; } .fw_01 { width: 100%; margin: 24px auto; overflow: hidden; background-color: #fff; border-radius: 24px; } .anti-fake-content { width: 1366px; margin: 64px auto; } .fw_one .list:last-child { width: 468px; padding-left: 40px; display: inline-table; } .fw_one .list { width: 778px; } .fw_two .list:last-child { width: 468px; padding-left: 40px; display: inline-table; } .fw_two .list { width: 778px; } .list .title { font-size: 18px; } .list .sub-title { font-size: 14px; margin-top: 6px; padding-right: 40px; } .list .y-img { margin-top: 40px; margin-bottom: 8px; width: 100%; } .list .y-img img { max-width: 363px; } .form-title { margin-top: 24px; } .form-input { margin-top: 8px; } .form-input input { width: 551px; height: 48px; line-height: 48px; border-radius: 8px; padding-left: 12px; padding-right: 12px; font-size: 18px; } .fw_button_one { padding: 14px 40px; font-weight: bold; font-size: 14px; border-radius: 28px; margin-top: 24px; } .form-input-code { height: 48px; line-height: 48px; margin-top: 8px; } .form-input-code input { width: 248px; height: 48px; line-height: 48px; float: left; border-radius: 8px; margin-right: 40px; padding-left: 12px; padding-right: 12px; } .verifyimg-img { height: 48px; width: 148px; } .fw_on::after { content: ''; width: 24px; height: 24px; position: absolute; bottom: 0; margin-bottom: -6px; transform: rotate(45deg); background-color: #004bfa; left: 50%; margin-left: -12px; z-index: 0; } .Popup_all .Popup { width: 640px; margin-top: -172px; margin-left: -320px; border-radius: 24px; } .Popup_all .Popup_content { width: calc(100% - 128px); margin: 36px auto; } .close { float: right; width: 24px; height: 24px; margin-top: 32px; margin-right: 32px; } .Popup_content .title { font-size: 20px; margin-top: 76px; } .Popup_all .Popup_content .des { font-size: 16px; margin-top: 24px; line-height: 24px; } .Popup_error .Popup_content .des { font-size: 16px; line-height: 24px; } .fw_button_two { padding: 14px 40px; font-size: 14px; border-radius: 28px; margin-top: 64px; } .Popup_error .Popup { width: 360px; margin-left: -180px; } .result_title_content { width: 1366px; margin: 64px auto 0; } .result_title { font-size: 18px; padding-top: 25px; padding-bottom: 25px; } .result_content { width: 1366px; margin: 32px auto; padding: 64px 120px; } .result_content .title { font-size: 18px; } .result_content .des { font-size: 14px; line-height: 20px; margin-top: 20px; width: 735px; } .product_info .left { width: 554px; margin-right: 88px; font-size: 14px; } .product_info .info_title { font-size: 18px; font-family: 'Montserrat-Bold'; } .product_info .left span:first-child { font-family: 'Montserrat-Bold'; margin-right: 12px; } .product_info .right { border-left: 1px solid #e3e3e3; width: 481px; padding-left: 88px; } .product_info .sn_img { max-width: 376px; } .product_info .des { font-family: 'Montserrat-Regular'; font-size: 14px; color: #9e9e9f; line-height: 20px; width: 396px; } .product_info .blue { color: #004bfa; font-family: 'Montserrat-Bold'; font-size: 14px; margin-top: 40px; } .m-t-16 { margin-top: 16px; } .m-t-8 { margin-top: 8px; } .m-t-40 { margin-top: 40px; } } @media screen and (max-width: 1439px) { .fw_fw_title { padding-top: 12px; padding-bottom: 12px; font-size: 16px; } .fw_01 { width: 100%; margin: 24px auto; overflow: hidden; background-color: #fff; border-radius: 24px; } .anti-fake-content { width: 92%; margin: 3.33vw auto; } .fw_one .list:last-child { width: 32.5vw; padding-left: 2.92vw; display: inline-table; } .fw_one .list { width: 55vw; } .fw_two .list:last-child { width: 32.5vw; padding-left: 2.77vw; display: inline-table; } .fw_two .list { width: 55vw; } .list .title { font-size: 14px; } .list .sub-title { font-size: 12px; margin-top: 6px; padding-right: 2.5rem; } .list .y-img { margin-top: 2.78vw; margin-bottom: 8px; } .list .y-img img { max-width: 22.69vw; } .form-title { margin-top: 24px; } .form-input { margin-top: 8px; } .form-input input { width: 28.7vw; height: 36px; line-height: 36px; border-radius: 8px; padding-left: 12px; padding-right: 12px; font-size: 14px; } .fw_button_one { padding: 8px 36px; font-weight: bold; font-size: 14px; border-radius: 28px; margin-top: 12px; } .form-input-code { height: 36px; line-height: 36px; margin-top: 8px; } .form-input-code input { width: 13vw; height: 36px; line-height: 36px; float: left; border-radius: 8px; margin-right: 20px; padding-left: 12px; padding-right: 12px; } .verifyimg-img { height: 36px; width: 108px; } .fw_on::after { content: ''; width: 12px; height: 12px; position: absolute; bottom: 0; margin-bottom: -6px; transform: rotate(45deg); background-color: #004bfa; left: 50%; margin-left: -8px; z-index: 0; } .Popup_all .Popup { width: 480px; margin-top: -172px; margin-left: -240px; border-radius: 24px; } .Popup_all .Popup_content { width: calc(100% - 64px); margin: 24px auto; } .close { float: right; width: 12px; height: 12px; margin-top: 12px; margin-right: 24px; } .Popup_content .title { font-size: 16px; margin-top: 48px; } .Popup_all .Popup_content .des { font-size: 14px; margin-top: 12px; line-height: 18px; } .Popup_error .Popup_content .des { font-size: 14px; line-height: 18px; } .fw_button_two { padding: 8px 36px; font-size: 14px; border-radius: 28px; margin-top: 32px; } .Popup_error .Popup { width: 240px; margin-left: -120px; } .result_title_content { width: 92%; margin: 3.33vw auto 0; } .result_title { font-size: 16px; padding-top: 1.74vw; padding-bottom: 1.74vw; } .result_content { width: 92%; border-radius: 24px; padding: 4.44vw 8.33vw; margin-top: 2.22vw; margin-left: auto; margin-right: auto; } .result_content .title { font-size: 14px; } .result_content .des { font-size: 12px; line-height: 18px; width: 51.04vw; } .result_content .title { font-size: 16px; } .result_content .des { font-size: 12px; line-height: 20px; margin-top: 20px; width: 51.04vw; } .product_info .left { width: 38.47vw; margin-right: 6.11vw; font-size: 12px; } .product_info .info_title { font-size: 18px; font-family: 'Montserrat-Bold'; } .product_info .left span:first-child { font-family: 'Montserrat-Bold'; margin-right: 12px; } .product_info .right { border-left: 1px solid #e3e3e3; width: 33.4vw; padding-left: 6.11vw; } .product_info .sn_img { max-width: 26.11vw; } .product_info .des { font-family: 'Montserrat-Regular'; font-size: 12px; color: #9e9e9f; line-height: 16px; width: 27.5vw; } .product_info .blue { color: #004bfa; font-family: 'Montserrat-Bold'; font-size: 12px; margin-top: 2.78vw; } .m-t-16 { margin-top: 1.11rem; } .m-t-8 { margin-top: 0.56rem; } .m-t-40 { margin-top: 2.78vw; } } .anti-fake-content .tab { width: 100%; display: flex; justify-content: left; } .fw_one, .fw_two { width: calc(100% - 6.66vw); padding-top: 3.12vw; padding-bottom: 3.12vw; overflow: hidden; display: flex; justify-content: flex-start; margin: auto; } .fw_one .sub-title { font-size: 0.875rem; }