570 lines
11 KiB
CSS
Executable File
570 lines
11 KiB
CSS
Executable File
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;
|
|
}
|