body{
    background: #ebedf3;
    background-color:#ebedf3;
    width:100%;
    height: 100%;
    margin:0;
    padding:0;
    border:0;
}

@font-face {
    font-family: 'myFont1';
    src: url('../ttf/font1.ttf') format('truetype');
    font-weight:900;
    font-style:normal;
}
@font-face {
    font-family: 'myFont2';
    src: url('../ttf/font2.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.bgdiv{
    height:100%;
    width: 100%;
    position:absolute;
    left: 0px;
    top: 64px;
    z-index: -100;
}

.rowdiv{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.titlediv{
    height: 60px;
    width: 150px;
    color: #9b9da5;
}
.titlefontdiv{
    height: 40px;
    width: 120px;
    line-height: 40px;
    text-align: center;
}
.titlemarkdiv{
    width: 120px;
    background-color:#1890ff;
    height: 4px;
}

.rowdiv1{
    width: 100%;
    display: flex;
    align-items: center;
    color: #fff;
}
.titlefontdiv1{
    height: 40px;
    width: 120px;
    line-height: 40px;
    text-align: center;
    font-size: 22px;
}
.titlemarkdiv1{
    width: 120px;
    background-color:#1890ff;
    height: 2px;
}
.subtitlediv{
    height: 40px;
    display: flex;
    color: #fff;
    align-items: flex-end;
}
.buttondiv{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    width: 250px;
    border-radius: 30px;
    background-color: #249af3;
    border: 2px solid #ffffff;
}
.coldiv{
    width: 33%;
    height: 100px;
    display: flex;

    justify-content: center;
    color: #261814;    
}

a:visited {
  color: #9b9da5;
}
a:hover {
    color: #fff;
}
a {
    text-decoration: none;
    color: #9b9da5;
}
.servicerow{
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    height: 53px;
    font-size: 15px;
    font-weight: normal;
}
.headtitle{
    font-size: 25px;
    color: #fff;
    font-weight: 500;
    width: 800px;
}
.faqtitle1{
    height: 60px;
    font-size: 25px;
    font-weight: 500;
    line-height: 60px;
}
.faqinfodiv{
    display: flex;    
    width: 800px;
    font-size: 20px;
    line-height: 40px;
}
.nullrow{
    height: 18px;
}

/* ========== 响应式设计 - 适配手机、平板、PC ========== */

/* 平板设备 (768px - 1024px) */
@media screen and (max-width: 1024px) and (min-width: 768px) {
    .rowdiv {
        flex-wrap: wrap;
        padding: 0 20px;
    }
    
    .titlediv {
        width: 120px;
        margin: 0 10px;
    }
    
    div[style*="width: 1200px"] {
        width: 100% !important;
        max-width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
    }
    
    .rowdiv1[style*="height: 430px"] {
        flex-direction: column;
        height: auto !important;
        min-height: 430px;
        padding: 30px 20px;
    }
    
    div[style*="width: 50%"] {
        width: 100% !important;
        margin: 20px 0;
    }
    
    div[style*="font-size: 50px"] {
        font-size: 40px !important;
        width: 100% !important;
    }
    
    .buttondiv {
        width: 100% !important;
        max-width: 300px;
        margin: 20px auto;
    }
    
    .coldiv {
        width: 100% !important;
        margin: 20px 0;
        padding: 0 20px;
    }
    
    .rowdiv1[style*="height: 150px"],
    .rowdiv1[style*="height: 120px"] {
        flex-direction: column;
        height: auto !important;
        padding: 20px;
    }
}

/* 手机设备 (最大 767px) */
@media screen and (max-width: 767px) {
    .rowdiv {
        flex-wrap: wrap;
        padding: 0 15px;
        height: auto !important;
        min-height: 64px;
    }
    
    .titlediv {
        width: 100px;
        margin: 5px;
        height: 50px;
    }
    
    .titlefontdiv {
        font-size: 14px;
        width: 100px;
    }
    
    .titlefontdiv1 {
        font-size: 18px !important;
        width: 100px;
    }
    
    div[style*="width: 1200px"] {
        width: 100% !important;
        max-width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
    }
    
    .rowdiv1[style*="height: 160px"] {
        height: auto !important;
        min-height: 100px;
        flex-wrap: wrap;
        padding: 15px 0;
    }
    
    .rowdiv1[style*="height: 430px"] {
        flex-direction: column;
        height: auto !important;
        min-height: auto;
        padding: 20px 15px;
    }
    
    div[style*="width: 50px"] {
        width: 0 !important;
        display: none;
    }
    
    div[style*="width: 50%"] {
        width: 100% !important;
        margin: 15px 0;
    }
    
    div[style*="font-size: 50px"] {
        font-size: 28px !important;
        height: auto !important;
        width: 100% !important;
        line-height: 1.2;
        margin: 10px 0;
    }
    
    div[style*="font-size: 23px"] {
        font-size: 18px !important;
    }
    
    .subtitlediv {
        flex-direction: column;
        align-items: flex-start !important;
        height: auto !important;
        margin: 10px 0;
    }
    
    .buttondiv {
        width: 100% !important;
        max-width: 280px;
        margin: 15px auto;
        height: 50px;
    }
    
    .buttondiv img {
        width: 20px;
        height: 20px;
    }
    
    div[style*="width: 200px"] {
        width: 100% !important;
        text-align: center;
        margin: 15px 0;
    }
    
    div[style*="width: 200px"] img {
        width: 120px !important;
        height: auto;
    }
    
    .rowdiv1[style*="height: 150px"] {
        flex-direction: column;
        height: auto !important;
        align-items: center;
        padding: 15px 0;
    }
    
    .coldiv {
        width: 100% !important;
        margin: 20px 0;
        padding: 0 15px;
        flex-direction: column;
        align-items: flex-start;
        height: auto !important;
    }
    
    .coldiv > div:first-child {
        margin-bottom: 10px;
    }
    
    .coldiv div[style*="font-size: 25px"] {
        font-size: 20px !important;
        height: auto !important;
        margin: 10px 0;
    }
    
    .coldiv div[style*="font-size: 11px"] {
        font-size: 13px !important;
        width: 100% !important;
        line-height: 1.6;
    }
    
    .rowdiv1[style*="height: 120px"],
    .rowdiv1[style*="height: 150px"] {
        flex-direction: column;
        height: auto !important;
        padding: 15px;
    }
    
    .rowdiv[style*="height: 164px"] {
        flex-direction: column;
        height: auto !important;
        padding: 20px 15px;
        text-align: center;
        font-size: 12px;
    }
    
    div[style*="height: 20px"],
    div[style*="height: 30px"],
    div[style*="height: 50px"] {
        height: 15px !important;
    }
    
    img[src*="pc.png"],
    img[src*="android.png"] {
        max-width: 100%;
        height: auto;
        width: auto;
    }
}

/* 超小屏幕手机 (最大 480px) */
@media screen and (max-width: 480px) {
    div[style*="font-size: 50px"] {
        font-size: 24px !important;
    }
    
    div[style*="font-size: 23px"] {
        font-size: 16px !important;
    }
    
    .buttondiv {
        height: 45px;
        font-size: 14px;
    }
    
    .titlefontdiv1 {
        font-size: 16px !important;
    }
}

/* ========== 常见问题页面 (faq.html) 响应式适配 ========== */
@media screen and (max-width: 1024px) {
    div[style*="width: 800px"] {
        width: 100% !important;
        max-width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
    }
    
    .headtitle {
        width: 100% !important;
        font-size: 20px !important;
        padding: 0 20px;
    }
    
    div[style*="background-color: #349dec"] {
        height: auto !important;
        min-height: 144px;
        padding: 20px;
    }
    
    .faqtitle1 {
        font-size: 20px !important;
        padding: 0 20px;
    }
    
    .faqinfodiv {
        width: 100% !important;
        flex-direction: column;
        padding: 10px 20px;
        font-size: 16px !important;
        line-height: 1.6;
    }
    
    .faqinfodiv > div {
        width: 100% !important;
        margin: 5px 0;
    }
    
    .faqinfodiv img {
        max-width: 100% !important;
        height: auto !important;
    }
}

@media screen and (max-width: 767px) {
    div[style*="width: 800px"] {
        width: 100% !important;
        padding: 0 15px;
    }
    
    .headtitle {
        font-size: 18px !important;
        line-height: 1.4;
        padding: 0 15px;
    }
    
    div[style*="background-color: #349dec"] {
        padding: 15px;
        height: auto !important;
    }
    
    div[style*="height: 65px"],
    div[style*="height: 90px"] {
        height: 20px !important;
    }
    
    .faqtitle1 {
        font-size: 18px !important;
        padding: 0 15px;
        height: auto !important;
        line-height: 1.4;
    }
    
    .faqinfodiv {
        font-size: 14px !important;
        padding: 10px 15px;
    }
    
    .faqinfodiv > div[style*="width: 40px"] {
        display: none;
    }
    
    .faqinfodiv > div[style*="width: 130px"],
    .faqinfodiv > div[style*="width: 360px"] {
        width: 100% !important;
        margin: 5px 0;
    }
    
    .nullrow {
        height: 10px !important;
    }
}

/* ========== 售后服务页面 (service.html) 响应式适配 ========== */
@media screen and (max-width: 1024px) {
    div[style*="width: 1200px"] {
        width: 100% !important;
        max-width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
    }
    
    div[style*="background-color: #349dec"] {
        height: auto !important;
        min-height: 144px;
        padding: 20px;
    }
    
    .headtitle {
        width: 100% !important;
        font-size: 20px !important;
        padding: 0 20px;
    }
    
    div[style*="height: 720px"] {
        height: auto !important;
        min-height: auto;
        padding: 20px;
    }
    
    div[style*="background-color: #fff"] {
        height: auto !important;
        min-height: 600px;
        padding: 20px;
    }
    
    .servicerow {
        flex-wrap: wrap;
        height: auto !important;
        min-height: 53px;
        padding: 10px 0;
        font-size: 14px !important;
    }
    
    .servicerow > div {
        width: 100% !important;
        margin: 5px 0;
    }
    
    .servicerow > div[style*="width: 20px"] {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    div[style*="width: 1200px"] {
        padding: 0 15px;
    }
    
    .headtitle {
        font-size: 18px !important;
        padding: 0 15px;
    }
    
    div[style*="background-color: #349dec"] {
        padding: 15px;
    }
    
    div[style*="height: 60px"],
    div[style*="height: 90px"] {
        height: 15px !important;
    }
    
    div[style*="height: 720px"] {
        padding: 15px;
    }
    
    div[style*="background-color: #fff"] {
        padding: 15px;
        height: auto !important;
    }
    
    .servicerow {
        font-size: 13px !important;
        padding: 8px 0;
        border-bottom: 1px solid #eee;
    }
    
    .servicerow:first-child {
        font-weight: 600;
        border-bottom: 2px solid #ddd;
    }
    
    div[style*="margin-left: 10px"] {
        margin-left: 0 !important;
        padding: 0 15px;
        font-size: 14px !important;
    }
    
    div[style*="height: 15px"] {
        height: 10px !important;
    }
}