@font-face {
    font-family: "OPPOSans-Ver2-Bold";
    src: url(../fonts/opposansos2-5000-medium.woff2) format("woff2"), url(../fonts/opposansos2-5000-medium.woff) format("woff"), url(../fonts/opposansos2-5000-medium.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "OPPOSans-Ver2-Medium";
    src: url(../fonts/opposansos2-5000-medium.woff2) format("woff2"), url(../fonts/opposansos2-5000-medium.woff) format("woff"), url(../fonts/opposansos2-5000-medium.ttf) format("truetype"), url(../fonts/opposansos2-5000-medium.eot) format("embedded-opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "OPPOSans-Ver2-Regular";
    src: url(../fonts/opposansos2-5000-regular.woff2) format("woff2"), url(../fonts/opposansos2-5000-regular.woff) format("woff"), url(../fonts/opposansos2-5000-regular.ttf) format("truetype"), url(../fonts/opposansos2-5000-regular.eot) format("embedded-opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "OPPOSans-M";
    src: url(../fonts/opposans-m.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body {
    font-family: 'OPPOSans-Ver2-Regular', "Microsoft Yahei", 'PingFang SC', Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
}

a {
    text-decoration: unset !important;
}


:root {
    --black-a-0: #0d0d0d;
    --white-a-0: white;
    --black-900: #2aae67;
    --black-2-96: rgba(13, 13, 13, .96);
    --black-3-80: rgba(13, 13, 13, .8);
    --black-6: rgba(13, 13, 13, .06);
    --black-5-40: rgba(13, 13, 13, .4);
    --black-4-60: rgba(13, 13, 13, .6);
    --red-300: #f76e85;
    --indigo-500: #8b10d6;
    --orange-500: #ef7953;
    --blue-300: #505ee2;
    --width-xlarge: 60rem;
    --white-95: rgba(255, 255, 255, .95);
    --width-xxlarge: 66rem;
    --width-large: 46rem;
    --width-medium: 26rem;
    --radius-medium: 2rem;
    --white-80: rgba(255, 255, 255, .8);
    --blue-50: #e9e6fe;
    --blue-700: #1906c6;
    --purple-600: #6f00ff;
    --radius-default: 1.5rem;
    --white-a-30: rgba(255, 255, 255, .3);
    --radius-small: 1rem;
    --fontsize-small: .8rem;
    --width-large: 36rem;
    --white-a-60: rgba(255, 255, 255, .6);
    --white-a-20: rgba(255, 255, 255, .2);
    --black-2: rgba(51, 44, 41, .96);
    --blue-500: #2008f7;
    --yellow-100: #fff8cc;
    --green: #0bda81;
    --black-6-16: rgba(13, 13, 13, .16);
    --color-template-grading-1: #f64c90;
    --color-template-grading-5: #45caff;
    --color-comments-grading-1: #ef7953;
    --color-comments-grading-5: #5f73f1;
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: blur(2px);
    --tw-backdrop-blur-5: blur(5px);
    --tw-backdrop-blur-10: blur(10px);
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: ;
}

input:focus-visible {
    outline: none;
}

.he_syp1le::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 39px;
    transform: translateY(-50%);
    width: 1px;
    height: calc(100% + 50px);
    border-left: 1px dashed #e5e5e5;
}

.he_syp1le {
    position: relative;
}

.cp_box1-son2 {
    height: 550px !important;
}

.cp_box1-son1 {
    height: 60px !important;
}

.cp_box1-son2-box1 {
    height: 460px !important;
}

.cp_box1-son2-box2 {
    height: 469px !important;
}

.cp_box1-son2-box3 {
    height: 469px !important;
    overflow-y: auto !important;
}

.ico_head_left {
    text-align: center;
    width: 100% !important;
    height: 40px !important;
    line-height: 40px;
    cursor: pointer;
}

.head_meda_lefthome {
    display: flex;
    /* width: 30%; */
}

.head_meda_center {
    display: flex;
    /* width: 40%; */
    justify-content: space-around;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.head_meda_centeractt {
    transform: scale(0);
    -webkit-transform: scale(0);
}

.head_meda_right {
    display: flex;
    align-items: center;
    /* width: 30%; */
    justify-content: flex-end;
    height: 80px;
}

.btn_h_span {
    font-family: 'OPPOSans-Ver2-Medium';
    background-color: #03c160;
    padding: 10px 12px;
    border-radius: 3px;
}

.head_meda_leftimg {
    height: 60px;
    border-radius: 8px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: auto !important;
}

.he_index {
    position: relative;
}

.he_index .he_banig {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 100vh;
}

.he_index .he_banig img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.he_index .he_banig img {
    width: 100%;
}

.he_index .he_maniy {
    max-width: 100%;
}

.he_pc_hd {
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    padding: 0 40px;
    z-index: 999;
    transition: all 0.36s;
}

.he_pc_hdadd {
    box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.06);
}

/* #pc_header {
    background: unset;
} */

.he_pc_hd.act .mc_search_xl {
    width: 100%;
    border-radius: 0;
}

.he_pc_hd.act .he_pcser .icon-search {
    line-height: 80px;
}

.he_pc_hdact.act .he_pcser .icon-search {
    line-height: 80px;
}

.he_pc_hd.act .mc_search_xl {
    top: 80px;
}

.he_pc_hd.act {
    box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.06);
}

.he_pc_hd.act .he_pcnli .he_pcnava {
    color: #333333 !important;
}

.he_pc_hd.act .he_pcser .icon-search {
    color: #333333;
}

.he_pc_hd.act .he_pcbxle {
    line-height: 80px;
}

.he_pc_hd.act .he_pcbxle {
    width: 170px;
}

.he_pc_hd.act .he_pcnli .he_pcnava {
    line-height: 80px;
}

.he_pc_hd.act .he_down {
    top: 80px;
}

.he_pc_hd.act .he_langple {
    line-height: 80px;
}

.he_pc_hd.act .he_langpri {
    line-height: 80px;
}

.he_pc_hd.act {
    top: 0px;
    padding: 0 0px;
}

.he_pc_hd.act .he_pcbx {
    border-radius: 0px;
}

.he_pc_hd.act .he_phone {
    margin-top: 16px;
}

.he_b2g3ye .he_pc_hd {
    top: 0;
    border-bottom: 1px solid #e6e6e6;
}

.he_pc_hd.act .he_gdown {
    top: 80px;
}

.he_pc_hd {
    position: absolute;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.he_pc_hd.act {
    background-color: #FFF;
    position: fixed;
}

.he_pc_hd.act .yxnav_active1 .he_pcnava {
    color: #f43839;
}

.he_pc_hd.act1 {
    padding: 0 !important;
    top: 0px;
}

.he_pc_hd.act1 .he_pcbx {
    border-radius: 0px;
}

.he_pc_hd.act1 .he_pcbxle {
    width: 170px;
}

.he_pc_hd.act1 .he_phone {
    margin-top: 16px;
}

.he_pc_hd.act1 .he_langrf {
    border-radius: 0;
}

.he_pc_hd.act .he_gdown {
    border-radius: 0 0 20px 20px;
}

.he_pc_hd.act .he_pcbx::after {
    border-radius: 0px;
}

.he_pcbx {
    width: 1280px;
    border-radius: 60px;
    /* padding: 0 25px; */
    transition: all 0.36s;
}

.he_pcbx {
    z-index: 1;
    /* box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.06); */
}

.he_pc_hdact.act .he_pcbx::after {
    border-radius: 0px;
}

.he_pcbx::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: rgba(255, 255, 255); */
    /* backdrop-filter: blur(40px); */
    z-index: -1;
    border-radius: 60px;
    transition: all 0.36s;
    /* backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px); */
}

.he_pcbx {
    position: relative;
}

.he_pcbx.border {
    border-radius: 60px;
}

.he_pc_hdact.act .he_pcbx {
    border-radius: 0px;
}

.he_pcbxn {
    max-width: 1920px;
    margin: 0 auto;
}

.he_pcnli .he_pcnava {
    font-size: 18px;
    /* width: 57px; */
    text-align: center;
    text-decoration: none;
}

.g_phnav1.yxnav_active1,
.g_phnav2.yxnav_active2 {
    color: #000;
}

.ys_navph2_subnav_a.yxnav_active1,
.ys_navph2_thirnav_a.yxnav_active2,
.ys_navph2_fournav_a.yxnav_active3 {
    color: rgba(255, 255, 255, .7);
}

.yxnav_active1 .he_pcnava {
    color: #f43839;
}

.he_pc_hdact.act .yxnav_active1 .he_pcnava {
    color: #f43839;
}

.he_pcnli .he_pcnava {
    font-size: 18px;
    line-height: 80px;
    color: #13212e;
    transition: all 0.36s;
    position: relative;
}

.he_pcnli .he_pcnava::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 3px;
    background: #1c5bae;
    opacity: 0;
    transition: all 0.36s;
}

.he_pcnli .he_pcnava {
    font-family: 'OPPOSans-Ver2-H' !important;
    /* color: #03c160 !important; */
    color: #fff !important;
}

.he_pcnli .he_pcnava:hover {
    color: #fff !important;
}

.he_pc_hdact.act .he_pcnli .he_pcnava {
    line-height: 80px;
}

.he_pc_hdact.act .he_pcnli .he_pcnava {
    color: #333333;
}

.daohang_btttom {
    width: 80px;
    background-color: #FF4800;
    height: 2px;
    position: absolute;
    bottom: 0;
    z-index: 9999;
    opacity: 0;
}

.he_gdown {
    position: absolute;
    top: 100px;
    background: #FFF;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.06);
    padding: 15px;
    transition: top 0.36s;
    display: none;
    min-width: 200px;
}

.he_pc_hdact.act .he_gdown {
    top: 80px;
}

.he_pc_hdact.act .he_gdown {
    top: 80px;
}

.he_gdown {
    width: 100%;
    background: #FFF;
    border-radius: 20px 20px;
}

.he_pc_hdact.act .he_gdown {
    border-radius: 0 0 10px 10px !important;
}

.he_gdown2 {
    padding: 15px 0 0px 0;
    background-color: #fff;
    margin-top: -10px;
}

.he_gdown2 .he_conten3 {
    height: 100%;
}

.he_pcnli {
    margin: 0 47px;
}

.he_pcnli {
    margin: 0 25px;
    display: flex;
    align-items: center;
}

.he_gdown4 {
    padding: 25px 0;
    margin-top: 0px;

}

.he_f1p1lb .he_conten3 {
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    top: -100px;
}

.he_conten3 {
    height: 100%;
    display: flex;
    flex-direction: row;
}

.he_conten3 {
    width: 1280px;
    margin: 0 auto;
    margin-top: 5px;
    padding: 0px 20px;
}

.he_f1p1lb .he_conten3 {
    margin-bottom: 66px;
}

/* new */
.son2Rightbx-ldivlbxson {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: 8px;
}

.nwx_l_spana {
    margin: 15px 0;
    /* width: 120px; */
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    color: #222222;
    font-size: 16px;
    /* margin-right: 40px; */
    font-family: 'OPPOSans-Ver2-Regular';
}

.nwx_l_spanasq {
    margin: 15px 0;
    width: 120px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    color: #222222;
    font-size: 16px;
    margin-right: 40px;
    flex: 1;
}

.nwx_l_spanasq:hover {
    color: #03c160;
}

.nwx_l_spanaclass {
    display: flex;
    flex-direction: row;
}

.nwx_l_spana:hover {
    color: #03c160;
}

.nwx_l_spanase {
    margin: 15px 0;
    width: 85px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    color: #222222;
    font-size: 16px;
    margin-right: 140px;
}

.nwx_l_spanase:hover {
    color: #03c160;
}

.nxw_headerl {
    flex: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.he_gdown.he_gdown4 .nxw_headerl {
    width: 15%;
}

.nxw_headerr {
    flex: 3;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: self-start;
    padding-left: 30px;
    margin-right: 80px;
}

.nxw_headerr_rbg {
    width: 312px;
    height: 230px;
    border-radius: 5px;
    margin-left: 50px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.nxw_headerr_r {
    flex: 1;
}

.nxw_headerr_l {
    flex: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-left: 55px;
    height: 230px;
}

.nwx_l_spanas {
    margin: 10px 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    color: #5F5F5F;
    font-size: 14px;
}

.nwx_l_spanas:hover {
    color: #03c160;
}

.nwx_l_spana_gy {
    margin: 15px 0;
    width: 120px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    color: #222222;
    font-size: 16px;
    margin-right: 100px;
}

.he_tp0 {
    margin-top: 0 !important;
}

.nwx_l_spana_gy:hover {
    color: #03c160;
}

.nxw_headerrs {
    flex: 3;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: self-start;
    padding-left: 30px;
    /* margin-right: 80px; */
}

.nxw_headerrs_header {
    width: 100%;
    margin-bottom: 15px;
}

.new_headerrs_button {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    height: auto;
}

.new_headerrs_btcon {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-right: 20px;
    flex: 1;
}

.new_headerrs_btcon1 {
    width: 315px;
    height: 180px;
    margin-top: 21px;
    border-radius: 5px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.new_headerrs_btcon2 {
    width: 100%;
    height: 40px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 0 20px;
}

.new_headerrs_btcon2.r {
    padding: 0rem;
}

.new_headerrs_btcon2 a {
    color: #000;
}

/* new */
/* zhichi */
.zc_headerrs {
    flex: 1;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-start;
}

.zc_headerrs_cont {
    width: 355px;
    height: 210px;
    border-radius: 5px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.he_tp60 {
    margin-top: 60px !important;
}

.zc_headerl {
    flex: 1;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-start;
}

.zc_headerlbox {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
}

.zc_sona {
    width: 120px;
    text-align: left;
    height: 40px;
    color: #000;
}

/* zhichi */
.btn-line {
    height: 25px;
    border-bottom: 1px solid #525252;
}

.gy_headerl {
    flex: 3;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-start;
    padding: 50px;
    padding-top: 0;
}

.gy_headerrs {
    flex: 1;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.searchbtn {
    width: 15px;
    font-size: 18px;
}

.mc_gm_box {
    height: 230px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    padding: 0 15%;
}

.mc_gm_boxs {
    flex: 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.mc_gm_spanbox {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 42px;
    width: 150px;
}

.mc_gm_span1 {
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    width: 100%;
    text-align: center;
    font-family: "Microsoft Yahei";
}

.mc_gm_img {
    width: 38px;
    margin-right: 20px;
}

.mc_gm_span2 {
    font-size: 14px;
    font-weight: 500;
    color: #5F5F5F;
    width: 100%;
    text-align: center;
}

.mc_pos_centers {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.h_hr_gm {
    width: 1px;
    height: 45px;
    background-color: #616161;
    border: none;
}

.mc_gm_box_l {
    flex: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding-top: 25px;
}

.mc_gm_box_r {
    flex: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
}

.mc_gm_box_lh {
    width: 100%;
    height: 40px;
    font-size: 21px;
    font-family: OPPOSans;
    font-weight: bold;
    color: #333333;
    margin-bottom: 25px;
}

.mc_gm_box_lb {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.mc_gm_box_lbbox {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-end;
}

.mc_head_shopsp {
    font-size: 22px;
    font-family: "Microsoft Yahei";
    font-weight: bold;
    color: #333333;
    margin-left: 15px;
}

.mc_gm_box_rcont {
    width: 345px;
    height: 208px;
    border-radius: 5px;
    background-color: #0a4b3e;
}

.he_synew_yryl {
    width: 100%;
    height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.he_synew_yrylsp1 {
    font-size: 30px;
    color: #333333;
    font-weight: bold;
}

.he_synew_yrylsp2 {
    font-size: 21px;
    color: #181818;
    line-height: 37px;
    font-family: 'OPPOSans-Ver2-Regular';
}

.yry_newbox {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 85px;
    position: relative;
}

.yry_newcont {
    display: flex;
    flex: 1;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    height: 40px;
    margin-top: 40px;
}

.yry_newcont1 {
    flex: 1.4;
    display: flex;
    flex-direction: row;
}

.yry_newcont2 {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
}

.yry_newcontnum {
    font-size: 42px;
    font-weight: 800;
    color: #181818;
}

.yry_newcontsp1 {
    font-size: 20px;
    font-family: 'OPPOSans-Ver2-Regular';
    font-weight: 500;
    color: #181818;
}

.yry_newcontbox1 {
    display: flex;
    flex-direction: column;
    margin-left: 8px;
}

.yry_newcontsp2 {
    font-size: 18px;
    font-family: 'OPPOSans-Ver2-Regular';
    font-weight: 400;
    color: #181818;
    margin-bottom: 10px;
}

.yry_newboxa {
    padding: 15px 20px;
    border: 1px solid #181818;
    border-radius: 5px;
    margin-right: 200px;
}

.he_syp1txg {
    height: 410px;
}

.he_syp1txgk_znzn {
    width: 100%;
    height: 500px;
    display: flex;
}

.he_syp1txgk_znznl {
    flex: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.he_syp1txgk_znznr {
    flex: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.he_syp1txgk_znznlimg {
    width: 560px;
    height: 300px;
    border-radius: 5px;
    margin-top: 25px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.he_syp1txgk_znznlbx {
    width: 570px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.he_syp1txgk_znznla {
    padding: 12px 20px;
    border: 1px solid #2A2A2A;
    border-radius: 5px;
    font-size: 16px;
    font-family: "OPPOSans-Ver2-Bold";
    color: #181818;
}

.he_syp1txgk_znznla:hover {
    background-color: #FE5C0C;
    border: 1px solid #FE5C0C;
    color: #FFF;
}

.cp_box3zong:first-child {
    display: block;
}

.mc_msc_input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #666666;
    font-family: 'OPPOSans-Ver2-Medium';
}

.mc_msc_input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #666666;
    font-family: 'OPPOSans-Ver2-Medium';
}

.mc_msc_input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #666666;
    font-family: 'OPPOSans-Ver2-Medium';
}

.mc_msc_input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #666666;
    font-family: 'OPPOSans-Ver2-Medium';
}

.cp_box {
    width: 100%;
    height: 700px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #fff;
}

.cp_box1 {
    width: 100%;
    height: 700px;
    border-bottom: 1px solid #B8B8B8;
}

.cp_box1 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
}

.cp_box2 {
    width: 1440px;
    height: 80px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.cp_box2-box {
    background-size: 100% 100%;
    background-position: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-left: 21px;
    width: 35px;
    height: 35px;
}

.cp_box2-text {
    font-size: 18px;
    font-family: 'OPPOSans-Ver2-Medium';
    font-weight: bold;
    color: #333333;
    margin-left: 26px;
}

.cp_box2-boximg {
    width: 28px;
    height: 25px;
}

.cp_box1-son1 {
    /* width: 100%; */
    width: 100%;
    height: 90px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    /* padding: 1.875rem; */
    margin: 0 auto;
    width: 1366px;
}

.cp_box1-son1-text {
    font-size: 28px;
    font-family: 'OPPOSans-Ver2-Medium';
    /* font-weight: 700; */
    color: #0B0B0B;
    /* margin-left: 35px; */
    padding-left: 35px;
}

.cp_box1-son1-img {
    width: 18px;
}

.cp_box1-son2 {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: 550px;
}

.cp_box1-son2-box1 {
    width: 365px;
    height: 550px;
    /* margin: 0 20px; */
    border-right: 0.1px solid #B8B8B8;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.cp_box1-son2Rightbx {
    display: flex;
}

.flr {
    flex-direction: row;
}

.flc {
    flex-direction: column;
    height: 550px;
}

.son2Rightbx-yry-head {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

.son2Rightbx-yry-head_l {
    width: 440px;
    height: 330px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-left: 55px;
}

.son2Rightbx_ldpdiv1 {
    font-size: 32px;
    font-weight: bold;
    color: #181818;
    margin: 15px 0;
}

.son2Rightbx-yry-head_ldpdiv2 {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 15px 0;
    height: 60px;
}

.son2Rightbx-ldivlbx {
    flex: 1;
    height: 60px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    padding-bottom: 10px;
}

.son2Rightbx-ldivlbxsp1 {
    font-size: 39px;
    font-weight: 800;
    color: #181818;
}

.son2Rightbx-ldivlbxsp2 {
    font-size: 31px;
    font-weight: 800;
    color: #181818;
}

.son2Rightbx-ldivlbxsp3 {
    font-size: 18px;
    font-weight: 500;
    color: #181818;
}

.son2Rightbx-ldivrbxsp1 {
    font-size: 16px;
    font-weight: 500;
    color: #181818;
}

.son2Rightbx_bxos {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-around;
    width: 200px;
}

.son2Rightbx-ldivrbx {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-end;
    height: 100%;
    border-left: 1px solid #E1DEE2;
    padding-left: 5px;
}

.son2Rightbx_ldpdiv2 {
    font-size: 18px;
    font-weight: 400;
    color: #181818;
    margin-left: 15px;
}

.son2Rightbx-yry-head_ldpdiv1 {
    margin-bottom: 60px;
}

.son2Rightbx-yry-bottom_a {
    padding: 12px 30px;
    border-radius: 5px;
    border: 1px solid rgb(98, 96, 96);
    color: rgb(76, 75, 75);
    /* width: 170px; */
    text-align: center;
}

.son2Rightbx-yry-bottom_a:hover {
    border: 1px solid #FE5C0C;
    background-color: #FE5C0C;
    color: #FFF;
}

.son2Rightbx-yry-bottom {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
}

.son2Rightbx-yry-head_r {
    width: 524px;
    /* width: 520px; */
    height: 330px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.son2Rightbx-yry-head_limg {
    width: 500px;
    height: 310px;
    border-radius: 5px;
    /* background-color: #03c160; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.cp_box1-son2-box1-bx1 {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 320px;
    display: flex !important;
    padding: 0 35px;
}

.cp_box1-son2-box1-bx1:hover {
    cursor: default;
    width: 320px;
    background: #F0F3F6;
}

.cp_box1-son2-box1-bx1:hover .cp_box1-son2-box1-bxtext {
    font-weight: bold;
}

.cp_box1-son2-box1-bximg {
    width: 8px;
    /* margin-left: 170px; */
}

.cp_box1-son2-box1-bxtext {
    font-size: 18px;
    font-family: 'OPPOSans-Ver2-Medium';
    color: #0B0B0B;
    line-height: 55px;
    /* margin-left: 35px; */
}

.cp_box1-son2-box1-bxtextdiv {
    width: 290px;
    height: 20px;
}

.cp_box1-son2-box2 {
    /* width: 434px; */
    width: 399px;
    height: 550px;
    margin: 0 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.cp_box1-son2-box2-bx1 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 400px;
    height: 40px;
    padding: 28px 20px 28px 45px;
}

.cp_box1-son2-box2-bx1:hover {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 400px;
    height: 40px;
    background-color: #F0F3F6;
    padding: 28px 20px 28px 45px;
}

.cp_box1-son2-box2-bx1:hover .cp_box1-son2-box2-bxtext {
    font-weight: bold;
}

.cp_box1-son2-box2-bximg {
    width: 8px;
}

.cp_box1-son2-box2-bxtext {
    font-size: 16px;
    font-family: 'OPPOSans-Ver2-Medium';
    color: #0B0B0B;
    line-height: 55px;
}

.cp_box3zong {
    width: 580px;
    max-width: 580px;
}

.cp_box1-son2-box3 {
    /* width: 580px; */
    width: 100%;
    height: 480px;
    overflow-y: scroll;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    /* margin-left: 75px; */
    position: relative;
    background-color: #FFF;
    display: none;
}

.cp_box1-son2-box3-bx {
    /* width: 550px; */
    width: 100%;
    height: 135px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding: 5px 0px 4px 44px;
    border-bottom: 0.5px dashed #d2d6da;
}

.cp_box1-son2-box3-bx:hover {
    border-bottom: 0.5px dashed #d2d6da;
    background-color: #F0F3F6;
}

.cp_box1-son2-box3-bxbox2 {
    width: 350px;
}

.cp_box1-son2-box3-bximg {
    width: 113px !important;
    position: absolute;
}

.cp_box1-son2-box3-bximgbox {
    width: 120px;
    height: 70px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: 30px;
    margin-top: 20px;
    position: relative;
}

.cp_box1-son2-box3-bxbox {
    /* width: 400px; */
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.cp_box1-son2-box3-bxbox1 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 11px 0 0 0;
}

.cp_box3-bxbox_title1 {
    font-size: 15px;
    font-weight: bold;
    color: #1E1E1E;
    line-height: 47px;
    font-family: 'OPPOSans-Ver2-Medium';
}

.cp_box3-bxbox_div {
    width: 46px;
    height: 19px;
    background-size: 100% 100%;
    background-position: 100%;
    text-align: center;
    margin-left: 18px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.cp_box3-bxbox_title2 {
    font-size: 11px;
    color: #FFFFFF;
    line-height: 18px;
    font-family: 'OPPOSans-Ver2-Medium';
}

.cp_box3-bxbox_content {
    font-size: 14px;
    font-weight: 400 !important;
    color: #333333;
    line-height: 24px;
    font-family: 'OPPOSans-Ver2-Regular';
}

.cp_box1-son2-box3::-webkit-scrollbar {

    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #535353;
}

.cp_box1-son2-box3::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    background: #EDEDED;
}

.cp_add {
    background-color: #F0F3F6;
    font-weight: bold;
}

.he_pcbxn {
    max-width: 1280px;
    margin: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.wzzq {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.cp_box1-son1 {
    margin-bottom: 20px !important;
}

.close_cp:hover {
    color: #03c160 !important;
}

.mc_gm_spanbox:hover .mc_gm_span1 {
    color: #03c160;
}

.cp_box1-son2son {
    display: flex;
    width: 1366px;
}

.head_meda_rightson {
    display: flex;
    align-items: center;
    width: 150px;
    justify-content: space-between;
}

.mschare_submit {
    padding: 35px 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 60px;
    height: 100%;
}

.he_pcser {
    padding: 35px 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 60px;
    height: 100%;
}

.langemore {
    padding: 26px 0px;
    display: flex;
    flex-direction: row;
    justify-content: center !important;
    align-items: center !important;
    width: 50px;
    height: 100%;
}

.class_head_gang {
    font-weight: 600;
    font-size: 10px;
}

.angle-rights {
    margin-left: 10px;
}

.box_right_search {
    width: 0px;
    height: 50px;
    background-color: #FFF;
    transition: width ease-in 0.2s;
    border: 1px solid #b6b5b5;
    opacity: 0;
}

.meda_act_right .box_right_search {
    width: 500px !important;
    opacity: 1 !important;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-radius: 5px;
}

.meda_act_right {
    flex: 2 !important;
}

.box_right_searchboxs {
    position: relative;
}

.mc_search_xls {
    position: absolute;
    top: 65px;
    background-color: #FFF;
    width: 0px;
    height: 0px;
    opacity: 0;
    display: none;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 20px;
    box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.06);
}

.mc_search_xls_act {
    opacity: 1 !important;
    width: 100% !important;
    height: auto;
    padding-bottom: 30px;
    display: flex;
    transform: scale(1);
    border-radius: 0 0 5px 5px;
}

.box_right_searchinput {
    width: 70%;
    height: 100%;
    margin-left: 5%;
    border: 0;
}

.box_right_searchinput::-webkit-input-placeholder {
    /* WebKit browsers */
    font-size: 12px;
    color: #9CA2B1;
    font-family: "OPPOSans-Ver2-Bold";
}

.box_right_searchinput:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    font-size: 12px;
    font-family: "OPPOSans-Ver2-Bold";
    color: #9CA2B1;
}

.box_right_searchinput::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    font-size: 12px;
    font-family: "OPPOSans-Ver2-Bold";
    color: #9CA2B1;
}

.box_right_searchinput:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    font-size: 12px;
    font-family: "OPPOSans-Ver2-Bold";
    color: #9CA2B1;
}

.ico_head_lefts {
    text-align: center;
    width: 12% !important;
    height: 40px !important;
    line-height: 40px;
    cursor: pointer;
}

.thisLpcquick_searchh {
    height: auto;
    font-size: 18px;
    font-family: "OPPOSans-Ver2-Bold";
    font-weight: 500;
    color: #8A8A8A;
    margin: 15px 0 4px 0;
}

.thisLpcquick_searchb {
    font-size: 14px;
    font-family: 'OPPOSans-Ver2-Regular';
    font-weight: 500;
    color: #717171;
    line-height: 1;
    margin-top: 15px;
    letter-spacing: 0.2px;
}

.thisLpcquick_searchb:hover {
    color: #03c160;
}

.boxright_searchboxs {
    display: flex;
    align-items: center;
    justify-content: center;
}

.mc_search_xls_son {
    display: flex;
    flex-direction: column;
}

.flc {
    height: 469px !important;
}

.header_right_boxx {
    width: 270px;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
}

.s_header_right_boxx:hover span {
    color: #03c160 !important;
}

.mschare_submit:hover span {
    color: #03c160 !important;
}

.s_header_right_boxx {
    min-width: 60px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    position: relative;
    height: 100%;
}

.btn_h_span {
    flex: 1;
    text-align: center;
}

.s_header_right_boxxson {
    cursor: pointer;
    height: 110%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.s_header_right_boxxson .iconfont,
.s_header_right_boxx .iconfont,
.mschare_submit .iconfont {
    color: #000;
}

.pccda .s_header_right_boxxson .iconfont,
.pccda .s_header_right_boxx .iconfont,
.pccda .mschare_submit .iconfont {
    color: #fff;
}

.pccda .s_header_right_boxxson:hover .iconfont,
.pccda .s_header_right_boxx:hover .iconfont,
.pccda .mschare_submit:hover .iconfont {
    color: #fff !important;
}

/* .s_header_right_boxxson:hover .iconfont,
.s_header_right_boxx:hover .iconfont,
.mschare_submit:hover .iconfont {
    color: #fff !important;
} */

.pccda.act .s_header_right_boxxson .iconfont,
.pccda.act .s_header_right_boxx .iconfont,
.pccda.act .mschare_submit .iconfont {
    color: #000 !important;
}

.s_header_right_boxxsonsel {
    position: absolute;
    width: auto;
    height: auto;
    background-color: #FFF;
    display: flex;
    flex-direction: column;
    top: 80px;
    transition: height ease-in 0.2s;
    align-items: flex-start;
    padding: 20px 27px;
    display: none;
    border-radius: 10px;
    box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.06);
}

.shop_head_span:first-child {
    margin-top: 0;
}

.shop_head_span {
    width: auto !important;
    display: flex;
    flex-direction: row;
    justify-content: flex-start !important;
    align-items: center;
    font-size: 16px;
    color: #333333;
    margin: 20px 0 0 0;
    white-space: nowrap;
    text-align: left;
}

.shop_head_span:hover {
    color: #03c160 !important;
}

.shop_head_span_img {
    width: 24px;
    margin-right: 15%;
}

.s_header_right_boxxsonsel_zq {
    position: absolute;
    width: 115px;
    height: auto;
    background-color: #FFF;
    display: flex;
    flex-direction: column;
    top: 50px;
    transition: height ease-in 0.2s;
    align-items: center;
    padding: 10px 0;
    display: none;
    border-radius: 2px;
}

.s_header_right_boxxson_zq {
    display: flex;
    cursor: pointer;
}

.svg_sh_header {
    width: 20px;
}

.s_header_right_boxxs {
    width: 60px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    position: relative;
    height: 100%;
}

.s_header_right_boxxs:hover span {
    color: #03c160 !important;
}

.header_right_boxxsess {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    position: relative;
    height: 100%;
    flex-shrink: 0;
}

.btn_h_spans {
    font-family: 'OPPOSans-Ver2-H';
    background-color: #fff;
    border: 1px solid #fff;
    padding: 7px 30px 5px;
    font-size: 18px;
    border-radius: 60px;
    flex-shrink: 0;
    color: #000 !important;
}

.he_pc_hd.act .btn_h_spans {
    border: 1px solid #000;
    background-color: #fff;
    color: #000 !important;
}

.btn_h_spans:hover {
    border: 1px solid #000;
    background-color: #fff;
    color: #000 !important;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {

    /* IE10+ CSS styles go here */
    .daohang_btttom {
        opacity: 0;
    }

    .cp_box1-son2-box1-bx1 {
        width: 280px;
    }
}

.he_pc_hdadd {
    top: 0 !important;
    background-color: #FFF !important;
    height: 70px;
}

.he_pc_hd {
    position: fixed;
}

.g_fadein1 {
    -webkit-animation: fadeIn 1s ease both;
    animation: fadeIn 1s ease both;
    animation-delay: 0.3s;
}

.g_fadein2 {
    -webkit-animation: fadeIn 1s ease both;
    animation: fadeIn 1s ease both;
    animation-delay: 0.7s;
}

.g_fadeup1 {
    -webkit-animation: fadeInUp 1s ease both;
    animation: fadeInUp 1s ease both;
    animation-delay: 0.4s;
}

.g_fadeup2 {
    -webkit-animation: fadeInUp 1s ease both;
    animation: fadeInUp 1s ease both;
    animation-delay: 0.5s;
}

.g_fadeup3 {
    -webkit-animation: fadeInUp 1s ease both;
    animation: fadeInUp 1s ease both;
    animation-delay: 0.6s;
}

.g_fadeup4 {
    -webkit-animation: fadeInUp 1s ease both;
    animation: fadeInUp 1s ease both;
    animation-delay: 0.7s;
}

.g_fadeup5 {
    -webkit-animation: fadeInUp 1s ease both;
    animation: fadeInUp 1s ease both;
    animation-delay: 0.8s;
}

.g_fadeup6 {
    -webkit-animation: fadeInUp 1s ease both;
    animation: fadeInUp 1s ease both;
    animation-delay: 0.9s;
}

.g_fadeup7 {
    -webkit-animation: fadeInUp 1s ease both;
    animation: fadeInUp 1s ease both;
    animation-delay: 1s;
}

.g_fadedown1 {
    -webkit-animation: fadeInDown 1s ease both;
    animation: fadeInDown 1s ease both;
    animation-delay: 0.4s;
}

.g_fadeleft1 {
    -webkit-animation: fadeInLeft 1s ease both;
    animation: fadeInLeft 1s ease both;
    animation-delay: 0.4s;
}

.g_faderigth1 {
    -webkit-animation: fadeInRight 1s ease both;
    animation: fadeInRight 1s ease both;
    animation-delay: 0.4s;
}

.he_syp1zri {
    width: 78px;
    height: 78px;
    position: relative;
}

.he_syp1zle {
    width: calc(100% - 78px);
}

.he_syp1zle p {
    font-size: 14px;
    line-height: 1.75;
    color: #333333;
    font-family: "MontserratLight";
    transition: all 0.36s ease-in-out;
    max-height: 72px;
    overflow: hidden;
    font-weight: bold;
}

.he_syp1eli.act .he_syp1zle p {
    color: #f54440;
}

.he_syp1eli.act .he_syp1zda {
    background: #fff;
    border: 3px solid #fe5c0c;
}

.he_syp1eli {
    margin: 10px 0;
}

.he_syp1zda {
    width: 70px;
    height: 70px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
    border-radius: 50%;
}

.ico_ftsyp {
    font-size: 35px;
    color: #03c160;
}

.he_syp1zic {
    width: 38px;
    height: 38px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.he_syp1le::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 39px;
    transform: translateY(-50%);
    width: 1px;
    height: calc(100%);
    border-left: 1px dashed #e5e5e5;
}

.he_sysvg {
    width: 78px;
    height: 78px;
    transform: rotate(-90deg);
    position: relative;
}

.he_sysvgny svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.he_sysvgny circle {
    stroke-dasharray: 220;
    stroke-dashoffset: 220;
}

.he_sysvgny {
    width: 78px;
    height: 78px;
    border-radius: 50%;
    position: relative;
    margin-bottom: 40px;
    transition: all .36s;
}

.he_syp1eli.act .he_sysvgny {
    /* background: #ff9764; */
    /* box-shadow: 0 0 30px 10px rgb(251, 220, 225, 0.36); */
}

.he_syp1eli.act #circle1 {
    stroke-dasharray: 220;
    stroke-dashoffset: 220;
    /* -webkit-animation: 16s svgcircle1 linear;

    animation: 16s svgcircle1 linear; */
}

.btn_box {
    height: 80px;
}

.banner2_text1 {
    color: #FFF;
    font-size: 16px;
    font-family: 'OPPOSans-Ver2-Medium';
}

.banner2_text2 {
    color: #FFF;
    font-size: 44px;
    font-family: 'OPPOSans-Ver2-H';
    white-space: nowrap;
}

.banner2_text3 {
    color: #FFF;
    font-size: 14px;
}

.text_box {
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.cont_box {
    width: 100%;
    height: auto;
}

.bigbagson1 {
    width: 1228px;
    height: 100px;
    bottom: 65px;
    background-color: #03c160de;
    border-radius: 10px;
    position: absolute;
    z-index: 99;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0px 150px;
}

.bigbagson1_box {
    align-items: flex-start;
}

.bigbagson1_text1 {
    font-size: 42px;
    color: #fe5c0c;
    font-weight: 200 !important;
    font-family: 'OPPOSans-Ver2-H';
    line-height: 1;
}

.bigbagson1_text2box {
    width: 729px;
    justify-content: space-between;
    align-items: flex-start;
}

.bigbagson1_text2 {
    color: #ffffffc9;
    font-size: 12px;
    font-family: 'OPPOSans-Ver2-Regular';
    line-height: 1;
    width: auto;
}

.bigbagson1_left {
    display: flex;
    flex-direction: row;
    width: max-content;
    margin-bottom: 15px;
    z-index: 9;
}

.LEARN_MOREbtns {
    height: 42px;
    background-size: 100% 100%;
    width: 109px;
    border-radius: 5px;
    border: 2px solid #f4f3f2;
    color: #FFF;
    font-size: 16px;
    font-family: 'OPPOSans-Ver2-Medium';
    line-height: 39px;
    text-align: center;
    cursor: pointer;
    position: unset;
}

.LEARN_MOREbtns:hover {
    border: 2px solid #fe5c0c;
    background-color: #fe5c0c;
    color: #FFF
}

.bigbagson1_text1xing {
    font-size: 18px;
    margin-left: 5px;
    margin-top: 0px;
    font-family: 'OPPOSans-Ver2-Regular';
    color: #fe5c0c;
    z-index: 99;
}

.bigbagson1_right {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.add_zsbox {
    width: 170px;
    height: 134px;
    background-size: 475px 181px;
    background-position: right bottom;
    background-repeat: no-repeat;
    position: relative;
    display: flex;
    align-items: flex-end;
}

.add_zsimg {
    height: 134px;
}

.group_1_ion {
    width: 1228px;
    height: 196px;
    background: url(../img1.png);
    background-size: 1228px 196px;
    margin-top: 1px;
    display: flex;
    bottom: 65px;
    position: absolute;
    z-index: 99;
}

.box_1_ion {
    margin: 82px 0 0 338px;
    align-items: flex-end;
    padding-right: 45px;
}

.text-wrapper_1_ion {
    width: 859px;
    overflow-wrap: break-word;
    font-size: 0;
    font-family: "OPPOSans-Ver2-H";
    font-weight: 900;
    line-height: 1;
}

.text_1_ion {
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 40px;
    font-family: 'OPPOSans-Ver2-Medium';
    font-weight: 900;
    text-align: left;
    white-space: nowrap;
    line-height: 1;
    letter-spacing: 3px;
}


.text_3_ion {
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 48px;
    font-family: 'OPPOSans-Ver2-Medium';
    font-weight: 900;
    margin: 0px 1px 0 4px;
    letter-spacing: 4px;
}

.text_4_ion {
    color: rgba(255, 255, 255, 1);
    font-size: 17px;
    position: absolute;
    font-weight: 200;
    margin-top: 6px;
    margin-left: -3px;
}

.box_2_ion {
    width: 820px;
    height: auto;
    margin-top: 4px;
    align-items: center;
}

.text_5_ion {
    color: rgb(255 255 255 / 71%);
    font-size: 10px;
    text-align: center;
    line-height: 1;
    font-weight: 100;
}

.text-wrapper_2_ion {
    height: 42px;
    background-size: 100% 100%;
    width: 109px;
    border-radius: 5px;
    border: 2px solid #f4f3f2;
    color: #FFF;
    font-size: 16px;
    font-family: 'OPPOSans-Ver2-Medium';
    line-height: 39px;
    text-align: center;
    cursor: pointer;
    position: unset;
}

.text-wrapper_2_ion:hover {
    background-color: #1c44ad;
    border: 2px solid #1c44ad;
}

.group_1_ionwap {
    display: none !important;
    width: 80vw;
    height: 34.08vw;
    background-image: url(/imgwap1.png);
}

@media screen and (min-width: 1920px) {
    .he_pc_hdadd {
        width: 100%;
    }

    .he_pc_hdadd {
        top: 0 !important;
        background-color: #FFF !important;
        height: 80px;
    }

    .he_pc_hd {
        width: 100% !important;
    }
}

@media screen and (max-width: 1920px) {
    .he_pcbx {
        width: 1280px;
        /* background: #fff; */
        border-radius: 60px !important;
        padding: 0px;
        transition: all 0.36s;
    }

    .class_right_boxx {
        display: none !important;
    }
}

@media screen and (max-width: 1920px) {
    .head_meda_leftimg {
        height: 60px;
    }
}

@media screen and (max-width: 1850px) {
    .he_pcbx {}

    .bigbagson1 {}
}

@media screen and (max-width: 1680px) {
    .he_pcbx {}

    .bigbagson1 {}
}

@media screen and (max-width: 1480px) {
    .he_pcbx {}

    .bigbagson1 {}

    .he_pcnli .he_pcnava {
        /*font-size: 22px*/
    }

    .he_conten3 {
        width: auto;
    }

    .s_header_right_boxx {
        width: 40px;
    }

    .he_pcbx {
        /*padding: 0;*/
    }
}

@media screen and (max-width: 1296px) {
    .he_pcbx {
        /* transform: scale(0.7); */
    }

    .bigbagson1 {}

    .he_pcnli .he_pcnava {
        font-size: 18px;
    }


}

@media screen and (max-width: 1360px) {
    .meda_act_right .box_right_search {
        width: 36vw !important;
    }

    .group_1_ion {
        transform: scale(1)
    }

    .new_headerrs_button {
        width: 50vw;
        overflow-x: scroll;
        overflow-y: hidden;
    }


    .bigbagson1 {
        width: 90.29vw;
        height: 14.33vw;
        bottom: 4vw;
        background-color: #03c160de;
        border-radius: 10px;
        position: absolute;
        z-index: 99;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding: 0px 150px;
    }

    .bigbagson1_box {
        align-items: flex-start;
    }

    .bigbagson1_text1 {
        font-size: 42px;
        color: #fe5c0c;
        font-weight: 200 !important;
        font-family: 'OPPOSans-Ver2-H';
        line-height: 1;
    }

    .bigbagson1_text2box {
        width: 729px;
        justify-content: space-between;
        align-items: flex-start;
    }

    .bigbagson1_text2 {
        color: #ffffffc9;
        font-size: 12px;
        font-family: 'OPPOSans-Ver2-Regular';
        line-height: 1;
        width: auto;
    }

    .bigbagson1_left {
        display: flex;
        flex-direction: row;
        width: max-content;
        margin-bottom: 15px;
        z-index: 9;
    }

    .LEARN_MOREbtns {
        height: 42px;
        background-size: 100% 100%;
        width: 109px;
        border-radius: 5px;
        border: 2px solid #f4f3f2;
        color: #FFF;
        font-size: 16px;
        font-family: 'OPPOSans-Ver2-Medium';
        line-height: 39px;
        text-align: center;
        cursor: pointer;
        position: unset;
    }

    .LEARN_MOREbtns:hover {
        border: 2px solid #fe5c0c;
        background-color: #fe5c0c;
        color: #FFF
    }

    .bigbagson1_text1xing {
        font-size: 18px;
        margin-left: 5px;
        margin-top: 0px;
        font-family: 'OPPOSans-Ver2-Regular';
        color: #fe5c0c;
        z-index: 99;
    }

    .bigbagson1_right {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

    .add_zsbox {
        width: 170px;
        height: 134px;
        background-size: 475px 181px;
        background-position: right bottom;
        background-repeat: no-repeat;
        position: relative;
        display: flex;
        align-items: flex-end;
    }

    .add_zsimg {
        height: 134px;
    }

    .slick-dots {
        bottom: 2vw !important;
    }

    .group_1_ion {
        width: 90.29vw;
        height: 14.41vw;
        background: url(/img1.png);
        background-size: 90.29vw 14.41vw;
        margin-top: 1px;
        display: flex;
        bottom: 4vw;
        position: absolute;
        z-index: 99;
    }

    .box_1_ion {
        margin: 6.029vw 0 0 24.85vw;
        align-items: flex-end;
        padding-right: 3.3vw;
    }

    .text-wrapper_1_ion {
        width: 63.16vw;
        overflow-wrap: break-word;
        font-size: 0;
        font-family: "OPPOSans-Ver2-H";
        font-weight: 900;
        line-height: 1;
    }

    .text_1_ion {
        overflow-wrap: break-word;
        color: rgba(255, 255, 255, 1);
        font-size: 40px;
        font-size: 2.94vw;
        font-family: 'OPPOSans-Ver2-Medium';
        font-weight: 900;
        text-align: left;
        white-space: nowrap;
        line-height: 1;
        letter-spacing: 3px;
    }


    .text_3_ion {
        overflow-wrap: break-word;
        color: rgba(255, 255, 255, 1);
        font-size: 3.529vw;
        font-family: 'OPPOSans-Ver2-Medium';
        font-weight: 900;
        margin: 0px 1px 0 4px;
        letter-spacing: 4px;
    }

    .text_4_ion {
        color: rgba(255, 255, 255, 1);
        font-size: 1.25vw;
        position: absolute;
        font-weight: 200;
        margin-top: 6px;
        margin-left: -3px;
    }

    .box_2_ion {
        width: 60.29vw;
        height: auto;
        margin-top: 4px;
        align-items: center;
    }

    .text_5_ion {
        color: rgb(255 255 255 / 71%);
        font-size: 10px;
        text-align: center;
        line-height: 1;
        font-weight: 100;
    }

    .text-wrapper_2_ion {
        height: 3vw;
        background-size: 100% 100%;
        width: 8.14vw;
        border-radius: 5px;
        border: 2px solid #f4f3f2;
        color: #FFF;
        font-size: 1.17vw;
        font-family: 'OPPOSans-Ver2-Medium';
        line-height: 3vw;
        text-align: center;
        cursor: pointer;
        position: unset;
    }

    .text-wrapper_2_ion:hover {
        background-color: #1c44ad;
        border: 2px solid #1c44ad;
    }

    .group_1_ionwap {
        display: none !important;
        width: 80vw;
        height: 34.08vw;
        background-image: url(/imgwap1.png);
    }
}

@media screen and (max-width: 1080px) {
    .he_pcnli .he_pcnava {
        font-size: 16px;
        width: 34px;
    }
}

@media screen and (max-width: 960px) {
    .group_1_ionwap {
        display: flex !important;
        width: 80vw;
        height: 34.08vw;
        background-image: url(/imgwap1.png);
        z-index: 99;
    }

    .group_1_ionwap {
        display: flex;
        width: 80vw;
        height: 34.08vw;
        background-image: url(/imgwap1.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
        cursor: pointer;
        margin: 0 auto;
        position: absolute;
        bottom: 28px;
    }

    .group_1_ion {
        display: none;
    }
}

@media screen and (max-width: 1120px) {
    .he_pcbx {
        width: 100%;

    }

}


.act .he_pcbx {
    box-shadow: unset;
}

@media screen and (max-width: 960px) {
    .he_pcbx {
        transform: unset;
    }

    .he_pc_hd {
        display: none;
    }

    .bigbagson1 {
        width: 85vw;
        height: 60vw;
        z-index: 9;
        padding: 3vw 0px;
        bottom: 65px;
        background-color: #03c160de;
        border-radius: 10px;
        position: absolute;
        z-index: 99;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        transform: scale(1);
    }

    .bigbagson1bxbx {
        align-items: center;
    }

    .bigbagson1_text1 {
        font-size: 7vw;
        color: #ff5d00;
        line-height: 1;
    }

    .bigbagson1_text2 {
        color: #ffffffc9;
        font-size: 3vw;
        margin-top: 15px;
        text-align: center;
        font-family: 'OPPOSans-Ver2-Regular';
    }
}


.dev_why {
    font-size: .45rem;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: unset;
    padding: 0.15rem .5rem;
    /* background: rgba(255, 255, 255, 0.15);
    border-radius: 60rem; */

}

.dev_why:hover {
    background: rgba(255, 255, 255, 0.15);
    padding: 0.15rem .5rem;
    border-radius: 60rem;
}

.bg-black {
    background-color: #000;
}

.ty-button {
    background: linear-gradient(253deg, #7366FF 0%, #1366EC 100%);
    height: 50px;
    font-size: 14px;
    margin-top: 10px;
    text-align: center;
    font-weight: 500;
    line-height: 50px;
    box-sizing: border-box;
    padding: 0 24px;
    color: #fff;
    font-size: 16px;
    border-radius: 10px;
}




.tyicons {
    background: rgba(253, 176, 27, 0.1);
    color: #fdb01b;
    /* padding: 5px; */
    font-size: 24px;
    border-radius: 10px;
    /* margin-right: 10px; */
    height: 100%;
    width: 100%;
    line-height: 26px;
    text-align: center;

    justify-content: center;
    align-items: center;
    display: flex;
}

.tt-product-card-media-wrap .tyicons {
    font-size: 32px;
}

.tyicons.green {
    background: #03c1601a;
    color: #03c160;
}

.tyicons.green-light-black {
    background: #03c1601a;
    color: #000;
}

.tyicons.white-green {
    background: #fff;
    color: #03c160;
}

.tyicons.blue {
    background: #4fa6f61a;
    color: #4fa6f6;
}

.tyicons.purple {
    background: #4f60f61a;
    color: #4f60f6;
}

.tyicons.red {
    background: #ff99331a;
    color: #ff9933;
}

.tyicons.red2 {
    background: #ff64331a;
    color: #ff6433;
}

.tyicons.black {
    background: #0000001a;
    color: #000;
}

.tyicons.gold {
    background: #ff88001a;
    color: #ff8800;
}

.tt-product-card-media-wrap {
    width: 55px;
    height: 55px;
    margin: auto;
}

.heading-medium {
    font-size: 20px;
    color: #000;
}

.text-small {
    font-size: 16px;
    color: #333 !important;
}

.zc_group_39x {
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem;
    display: grid;
    padding: 0 .8rem;
}

.ty-button-l-radius {
    background: linear-gradient(253deg, #7366FF 0%, #1366EC 100%);
    height: 44px;
    font-size: 14px;
    margin-top: 10px;
    text-align: center;
    font-weight: 500;
    line-height: 44px;
    box-sizing: border-box;
    padding: 0 24px;
    width: 50%;
    color: #fff;
    font-size: 16px;
    border-radius: 30px 0 0 30px;
}

.ty-button-r-radius {
    border: 1px solid #e0edff;
    height: 44px;
    font-size: 14px;
    margin-top: 10px;
    text-align: center;
    background: #e0edff;
    font-weight: 500;
    line-height: 44px;
    box-sizing: border-box;
    padding: 0 24px;
    width: 50%;
    color: #fff;
    font-size: 16px;
    color: #1366ec;
    border-radius: 0 30px 30px 0;
}

.bus,
.bus .zc_text_96 {
    text-align: center;
}

.bus .zc_text_96 {
    font-size: 18px;
}

.bus .flex-col {
    margin: 0 auto 10px;
}

.bus .zc_text_96 {
    color: #000;
}

.zc_text_96 {
    color: #000;
}

.bus .text-des {
    color: #333;
    font-size: 16px;
    margin: 0px;
    line-height: 25px;
    text-align: center;
    margin-top: 10px;
}

.bus .zc_text_102 {
    color: #333;
    font-size: 16px;
    margin: 0px;
    line-height: 25px;
}

.bus.x {
    .gcloud.gcloud_1 {
        text-align: left;
        padding: 35px;
    }

    .text-title {
        color: #000;
        font-size: 32px;
        text-align: left;
        font-weight: 600;
    }

    .zc_text_102 {
        color: #3d3d3d;
        margin-top: 15px;
        line-height: 35px;
        width: 100%;
        font-size: 22px;
    }

    .zc_group_39 {
        padding: 20px;
        background: hsla(0, 0%, 100%, .6);
    }



    .flex-colx {
        display: flex;
        justify-content: space-between;
        padding: 0 35px 20px;

        .zc_image_box {
            width: 49%;
            background: #fff;
            border-radius: 20px;
            color: #000;
            text-align: left;
            background: #fff;
            box-shadow: 0 0 16px #00000014;
            margin: 0px;
            border-radius: 20px;
            text-align: left;
            overflow: hidden;

            img {
                /* width: 100%; */
                height: 390px;
                border-radius: 20px 20px 0 0;
            }

            .txt-card {
                padding: 20px;
            }
        }
    }

    .zc_text_96 {
        font-size: 22px;
    }

    .text-des {
        text-align: left;
    }
}

.splide-bus {
    width: 1280px;
    margin: 0px auto 0;

    .splide__slide.bus__slide {
        color: #000;
        text-align: left;
        background: #fff;
        box-shadow: 0 0 16px #00000014;
        width: 280px;
        margin: 15px;
        border-radius: 20px;

        img {
            width: 100%;
            border-radius: 20px 20px 0 0;
        }

        .text-card {
            padding: 20px 25px;

            .text-title {
                font-size: 22px;
                font-weight: 600;
            }

            .desc {
                font-size: 16px;
                margin-top: 10px;
                font-weight: 300;
            }
        }
    }
}

.ai-wendang {
    .gcloud.gcloud_1 {
        text-align: left;
        padding: 35px;
    }

    .news_box {
        height: auto;
        padding-top: 0;
    }

    .flex-colx {
        display: flex;
        justify-content: space-between;
        padding: 0 35px 20px;

        .zc_image_box {
            width: 49%;
            background: #fff;
            border-radius: 20px;
            color: #000;
            text-align: left;
            background: #fff;
            box-shadow: 0 0 16px #00000014;
            margin: 0px;
            border-radius: 20px;
            text-align: left;

            img {
                width: 100%;
                height: 380px;
                border-radius: 20px 20px 0 0;
            }

            .txt-card {
                padding: 40px 20px 10px;
                text-align: center;

                .ty-button {
                    display: inline-block;
                    margin: 40px auto 15px;
                    padding: 0 35px;
                }
            }
        }

        .zc_text_96 {
            text-align: center;
            margin: auto;
            font-size: 25px;
            color: #000;
        }

        .text-des {
            text-align: center;
            font-size: 18px;
            margin-top: 20px;
            padding: 0 30px;
        }
    }

    .text-title {
        color: #000;
        font-size: 32px;
        text-align: left;
        font-weight: 600;
    }

    .zc_text_102 {
        color: #3d3d3d;
        margin: 15px 0 0;
        line-height: 35px;
        width: 100%;
        font-size: 22px;
    }

    .zc_group_39 {
        padding: 20px;
        background: hsla(0, 0%, 100%, .6);
    }

    .flex-colx.x {
        .zc_image_box {
            width: 32%;
        }

        .txt-card {
            padding: 40px 20px 25px;
            text-align: center;
        }
    }
}

.ty-bootm {
    .zc_image_box {
        margin: 35px auto 5px;
    }

    .zc_text_102 {
        font-size: 16px;
        text-align: center;
    }

    .zc_group_39 {
        height: 280px;
    }
}

.sidebar-widget li {
    padding: .6rem 0;
}

.sidebar-widget li .category-href,
.list-group-flush>.list-group-item {
    font-size: 18px;
}

.product-wrap .product-name {
    font-size: 1.1rem;
}

.card-body {
    border-radius: 20px;
}

.card {
    border-radius: 20px;
}

.nav-index {
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    background: none;
    position: absolute;
    background-color: rgba(0, 0, 0, .5);

    display: flex;
    align-items: center;

    .section_con {
        background-color: unset;
        position: initial;
        height: auto;
    }

    .mdeia_w {
        left: 0;
        right: 0;
        margin: auto;
        position: initial;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: unset;
    }

    .button-l {
        background: linear-gradient(253deg, #7366FF 0%, #1366EC 100%);
        height: 52px;
        font-size: 14px;
        margin-top: 10px;
        text-align: center;
        font-weight: 500;
        line-height: 52px;
        box-sizing: border-box;
        padding: 0 24px;
        width: 265px;
        color: #fff;
        font-size: 16px;
        border-radius: 60px;
    }

    .button-r {
        border: 1px solid #7F8FA9;
        height: 52px;
        font-size: 14px;
        margin-top: 10px;
        margin-left: 10px;
        text-align: center;
        font-weight: 500;
        line-height: 52px;
        box-sizing: border-box;
        padding: 0 24px;
        width: 156px;
        color: #fff;
        font-size: 16px;
        border-radius: 60px;
    }

    .top-splide .splide__slide {
        font-size: .95rem;
        color: #fff;
        text-align: left;
        display: flex;
        justify-content: start;
        align-items: center;
    }

    .banner-text.mdeia_w.x {
        left: 0;
        right: 0;
        margin: auto;
        display: flex;
        justify-content: start;
        align-items: center;
        background: unset;
        position: initial;
        height: auto;
    }

    .banner-text.mdeia_w.a {
        left: 0;
        right: 0;
        margin: auto;
        display: block;
        background: none;
        position: initial;
        height: 5.5rem;
        margin-bottom: 1rem;
    }

    .banner-text.mdeia_w {
        .digital {
            /* display: flex;
            justify-content: start;
            align-items: center; */
            font-size: 1.1rem;
            font-weight: 600;
            color: #fff;
            text-transform: uppercase;
        }

        .digital-title {
            color: #fff;
            margin: 10px 0 20px;
            font-size: 1.3rem;
        }
    }

    .mdeia_w.z {
        margin-top: .6rem;
    }
}

.buttonx.bottom {
    display: flex;
    justify-content: start;
    align-items: center;
    margin: 80px auto 60px;

    .button-l {
        background: linear-gradient(253deg, #7366FF 0%, #1366EC 100%);
        height: 52px;
        font-size: 14px;
        margin-top: 10px;
        text-align: center;
        font-weight: 500;
        line-height: 52px;
        box-sizing: border-box;
        padding: 0 24px;
        width: 265px;
        color: #fff;
        font-size: 16px;
        border-radius: 60px;
    }

    .button-r.black {
        border: 1px solid #7F8FA9;
        height: 52px;
        font-size: 14px;
        margin-top: 10px;
        margin-left: 10px;
        text-align: center;
        font-weight: 500;
        line-height: 52px;
        box-sizing: border-box;
        padding: 0 24px;
        width: 156px;
        color: #000;
        font-size: 16px;
        border-radius: 60px;
    }
}

.page .banner {
    position: relative;
    height: 21rem;
    overflow: hidden;
    z-index: 9;

    .cardx {
        overflow: hidden;
        height: 21rem;

        .nav-index {
            height: 21rem;
        }

        .buttonx {
            display: flex;
            justify-content: start;
            align-items: center;
        }
    }
}

.Header_bg__dqmCB {
    background: linear-gradient(180deg, #c0c4ff, #f3f6fe 28.22%, #f3f6fe 74.27%);

    .text-heading {
        padding-top: 120px;
        width: 1280px;
        align-items: center;
        text-align: center;
        margin: auto;

        .Header_logo__6lrXC {
            width: 420px;
        }

        h1 {
            font-size: 52px;
            margin-bottom: 32px;
            line-height: 1.5 !important;
            text-align: center;
            font-weight: 600;
        }

        .desc {
            font-size: 20px;
        }

        .button {
            display: flex;
            justify-content: center;
            margin-top: 20px;
        }

        .price {
            font-size: 20px;
            margin: 20px;
            font-weight: 600;
            display: block;
        }
    }
}

.Header_bg__dqmCB {

    .splide-bus.splide-busx {
        width: 1280px;
        margin-top: 20px;

        .splide__list {
            justify-content: space-between;
        }

        .splide__slide.bus__slide.active {
            width: 400px;
            background: linear-gradient(227.54deg, #9fabff 4.77%, #8558fa 93.58%);

            .text-card {
                .l {
                    width: 50%;

                    .text-button {
                        display: block;
                    }

                    .text-title {
                        color: #fff;
                    }

                    .desc {
                        color: #fff;
                        line-height: 30px;
                        font-size: 14px;
                    }

                }

                .imge-r {
                    display: block;
                }
            }
        }

        .splide__slide.bus__slide {
            width: 270px;
            height: 356px;
            position: relative;
            background: linear-gradient(207.06deg, #e6ebff 2.39%, #d1d5ff 59.81%, #b2bcff 97.52%);
            margin: 15px 0;

            .text-card {
                width: 100%;
                position: initial;
                display: flex;
                justify-content: space-between;
                align-items: flex-end;
                padding: 0;

                .l {
                    width: 80%;
                    padding: 30px 0 0 30px;

                    .text-button {
                        color: #1d1d1f;
                        padding-top: 6px;
                        padding-bottom: 6px;
                        padding-left: 14px;
                        padding-right: 14px;
                        background-color: #fff;
                        border-radius: 6px;
                        margin-top: 30px;
                        width: 100px;
                        text-align: center;

                        display: none;
                    }
                }

                .imge-r {
                    width: 200px;
                    height: 200px;
                    margin: 0;
                    position: absolute;
                    bottom: 0;
                    right: 0;

                    display: none;
                }

                .text-title {
                    color: rgba(15, 57, 168, 1);
                    font-size: 18px;
                }
            }

            .desc {
                line-height: 30px;
                font-size: 14px;
            }

            img {
                margin: 30px 0 0 30px;
                width: 48px;
                height: 48px;
            }
        }
    }

    .splide-bus {
        width: 100%;
        margin-top: 20px;

        .splide__slide.bus__slide {
            width: 465px;
            height: 600px;
            position: relative;

            .image {
                position: absolute;
            }

            .text-card {
                padding: 40px;
                position: absolute;
                top: 0;

                .text-title {
                    font-size: 30px;
                }

                .text-secondary {
                    margin-top: 20px;
                }
            }

            img {
                width: 100%;
                border-radius: 20px 20px;
            }
        }
    }

    .bus.x {
        .flex-colx {
            padding: 0px;

            .zc_image_box {
                width: 40%;
                box-shadow: none;
                background: unset;
                display: flex;
                align-items: center;
                justify-content: center;

                img {
                    width: 100%;
                    height: auto;
                }
            }

            .gcard {
                width: 50%;

                .zc_text_102 {
                    color: rgb(100, 101, 102);
                    font-size: 16px;
                    height: auto;
                    padding-left: 10px;
                    position: relative;
                }

                .zc_text_102::before {
                    position: absolute;
                    top: 14px;
                    left: 0px;
                    width: 4px;
                    height: 4px;
                    --tw-content: "";
                    content: var(--tw-content);
                    background: rgb(133, 88, 250);
                    border-radius: 4px;
                }
            }
        }
    }
}

.Header_bg__dqmCB.Header_header__Ig1fF {
    background: #f3f6fe;

    .text-headingx {
        background: linear-gradient(180deg, #bedcf6, #f3f6fe);
    }

    .Header_logo__6lrXC {
        width: 800px;
    }

    .splide-bus.splide-busx.gqgo {
        .splide__slide.bus__slide {
            width: 300px;
            text-align: center;
            padding: 30px 0;
            background: #fff;
            height: 245px;

            .text-card {
                justify-content: center;
                margin-top: 30px;

                .text-title {
                    font-weight: 400;
                    color: #000;
                }
            }

            img {
                width: 200px;
                height: 130px;
                margin: 0;
            }
        }

        .splide__track.x {
            .splide__slide.bus__slide {
                width: 80px;
                background: unset;
                box-shadow: none;
                height: 185px;
                padding-bottom: 0;

                .text-card {
                    justify-content: center;
                    margin-top: 20px;

                    .text-title {
                        font-weight: 400;
                    }
                }

                img {
                    width: 80px;
                    height: 80px;
                }
            }
        }
    }

    .splide-bus.splide-busx.gqgo.quanyi {
        background: #fff;
        padding: 00px 40px 30px;
        border-radius: 20px;

        .green-bg {
            background-color: #02ff54;
            padding: 24px;
            border-radius: 20px;

            img {
                height: 37px;
            }
        }

        .splide__track {
            margin-top: 20px;

            .splide__list {
                display: grid;
                grid-template-columns: repeat(3, -webkit-max-content);
                grid-template-columns: repeat(3, max-content);
            }
        }

        .splide__slide.bus__slide {
            width: 370px;
            height: 460px;
            padding: 0;
            background: linear-gradient(180deg, #dcdfff, #f9ebfb);

            .text-card {
                width: 100%;
                display: block;
                padding-top: 30px;
                height: 460px;
                background-repeat: no-repeat;
                background-size: 90% auto;
                background-position: bottom;
                margin: 0;

                .text-title {
                    color: #000;
                    font-size: 28px;
                    font-weight: 600;
                }

                .text-secondary {
                    color: #646566;
                    font-size: 17px;
                    line-height: 24px;
                    padding: 0 20px;
                }
            }

            img {}
        }
    }
}

.text-secondary {
    color: #646566;
    font-size: 16px;
    line-height: 24px;
}

.bus.x.footer-card {
    .bg-gradient-linear-via {
        --tw-gradient-angle: 90deg;
        --tw-gradient-from: #DBB3F2 0%;
        --tw-gradient-via: #E7F1FE 45%;
        --tw-gradient-to: #98CBFF 100%;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-via), var(--tw-gradient-to);
        color: transparent;
        -webkit-background-clip: text;
        background-clip: text;
        background-image: linear-gradient(var(--tw-gradient-angle), var(--tw-gradient-stops));
    }

    .mdeia_w.x {
        position: static;
        box-shadow: 0 0 16px #00000014;
        border-radius: 20px;
        background: url(https://img.yzcdn.cn/upload_files/2024/01/26/FjyCHpEHw6W4699xm8P8ew-m1yo2.jpg);
        background-size: cover;

        .flex-colx {
            .gcard {
                width: 40%;

                .zc_text_102 {
                    color: #fff;
                }
            }

            .zc_image_box {
                width: 50%;
            }
        }
    }
}

.about.solution {
    .partner {
        height: 750px;
        background: url(https://img.yzcdn.cn/upload_files/2024/07/26/Fpxqcb6m45huNXNyjIgQ56fvSfEx.jpg) center;
        background-size: 100%;
        padding-top: 0px;
        display: flex;
        align-items: center;
        margin: auto;
        justify-content: center;

        .header {
            background: none;
            padding-top: 0px;
            height: auto;

            .logo img {
                width: 110px;
                height: 110px;
            }

            .title2 {
                font-size: 60px;
                margin: 20px 0 0px;
            }

            .title1 {
                font-size: 26px;
                margin: 0px 0;
                letter-spacing: 0px;
            }

            .button {
                border: 2px solid #fff;
                border-radius: 60px;
                line-height: 50px;
                padding: 0px 40px;
                color: #fff;
                font-size: 20px;
                margin-top: 40px;
                display: inline-block;
                background: linear-gradient(88.37deg, #005fff 1.4%, #c648ff 89.65%);
            }

            .brand img {
                width: 550px;
                margin-top: 120px;
            }
        }
    }
}

.about.solution.apppro {
    .partner {
        background: url(https://img.yzcdn.cn/upload_files/2023/08/14/FlvBZa5MOObyFzVjzSnFEQMsMjOi.png) center;
        background-size: 100%;
    }
}

.about.solution.vehicle {
    .partner {
        background: url(https://img.yzcdn.cn/upload_files/2024/07/17/FofXA83NpkbjzXNPmC8o2JklRq0M.jpg?imageMogr2/format/jpg) center;
        background-size: cover;

        .header {}

        .button {}

        .logo-card {
            width: 460px;
            background: rgba(31, 26, 207, .38);
            border-radius: 30px;
            padding: 32px;
            display: flex;
            margin: auto;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-align: center;
            align-items: center;

            .logo-card-h {
                background: url('https://img.yzcdn.cn/upload_files/2024/07/17/Fhw4i4RuSsnKtko4eKgqWrP8UK2p.png') left center;
                background-repeat: no-repeat;
                background-size: 18px 18px;
                font-size: 18px;
                line-height: 32px;
                padding-left: 24px;
                margin-bottom: 16px;
            }

            .logo-card-c {
                display: grid;
                margin: auto;
                flex-flow: wrap;
                grid-column-gap: 39px;
                /* grid-row-gap: .1rem; */
                grid-template-rows: auto auto;
                grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
                grid-auto-columns: 1fr;

                .lcc-c {
                    margin: 0 0 16px 0;
                    line-height: 32px;
                    font-size: 12px;
                }
            }

            .logo-card-l {
                background: linear-gradient(90deg, #0ff, #fff);
                width: 100%;
                border-radius: 60px;
                height: 6px;
            }
        }
    }
}

.about.solution.vehicle.transport {
    .partner {
        .logo-card {

            /* width: 500px; */
            .logo-card-h {
                background: none;
                padding-left: 0;
                font-size: 20px;

                i {
                    font-size: 20px;
                }
            }

            .logo-card-c {
                grid-column-gap: 52px;
                grid-template-columns: 1fr 1fr 1fr 1fr;

                .lcc-c {
                    font-size: 15px;
                }
            }
        }
    }
}

.about.solution.busgle {
    .partner {
        height: 630px;
        background: url(/web20/banner/busgle.jpg) center;

        background-size: 100%;
        background-repeat: no-repeat;
        position: relative;
        overflow: hidden;

        .header {
            position: absolute;
            width: 1280px;
            text-align: left;
            margin-bottom: 40px;

            .title2 {
                text-align: left;
                /* color: #000; */
            }

            .title1 {
                text-align: justify;
                width: 700px;
                text-align: left;
                /* color: #000; */
            }
        }
    }
}

.about.solution.motorcade {
    .partner {
        height: 630px;
        background: url(https://seeworld.com/uploads/upload/images/20250609/83d16c0b26b5612e1de863bfa398c4ca.jpg) center;
        position: relative;
        overflow: hidden;
        display: block;

        video {
            width: 100%;
            margin-top: -8%;
        }

        .header-card {
            /* background: linear-gradient(#f3f8fd95, #f3f8fd); */
            position: absolute;
            top: 0;
            width: 100%;
            height: 630px;
            display: flex;
            justify-content: center;
            align-items: center;

            .header {
                position: absolute;
                width: 1280px;
                text-align: left;
                margin: auto;
                margin-bottom: 40px;

                .title2 {
                    text-align: left;
                    color: #000;
                }

                .title1 {
                    text-align: left;
                    color: #000;
                }
            }
        }
    }
}

.page.flex-col.sss.yilu.transport.cloudmaps {
    .cloudmaps-card {
        .cloudmaps-splide {
            width: 1280px;
            background: #fff;
            border-radius: 20px;
            overflow: hidden;
            height: 600px;
            display: flex;
            justify-content: space-between;
            padding: 20px;
            /* align-items: center; */

            .cloudmaps-splide-l {
                width: 30%;
                padding-top: 10px;
                padding-left: 10px;

                .csl-card {
                    width: 100%;
                    display: flex;
                    padding: 15px;
                    margin-bottom: 10px;
                    justify-content: space-between;
                    /* align-items: center; */
                    cursor: pointer;

                    .i {
                        width: 40px;
                        height: 40px;

                        img {
                            width: 100%;
                        }
                    }

                    .r {
                        margin-left: 20px;
                        width: calc(100% - 60px);

                        .t1 {
                            font-size: 18px;
                            font-weight: 600;
                        }

                        .t2 {
                            font-size: 15px;
                        }
                    }
                }

                .csl-card.a {
                    background: rgba(85, 112, 184, .07);
                    border-radius: 20px;
                }
            }

            .splide__track {
                width: 65%;

                .splide__slide.bus__slide {
                    width: 100%;
                    margin: 0;
                    box-shadow: none;
                    height: 600px;
                    border-radius: 20px;
                    overflow: hidden;

                    .image {
                        border-radius: 20px;
                        overflow: hidden;
                        height: 600px;
                        padding: 0px;
                        width: 100%;

                        img {
                            width: 100%;
                        }
                    }
                }
            }
        }
    }

    .app-case {
        .splide__slide.bus__slide {
            height: 520px;
            width: 900px;
            background: linear-gradient(153deg, #0c0003 14.02%, #2c1315 83.11%);
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: initial;
            overflow: hidden;

            .text-card {
                position: initial;
                width: 400px;

                .text-title {
                    color: #fff;
                }

                .text-secondary {
                    color: #fff;
                }
            }

            .image {
                padding: 120px 40px 0 0;
                height: 520px;
                width: 450px;
                position: initial;
                overflow: hidden;
            }
        }
    }
}


.about.solution.vehicle.transport {
    .partner {
        height: 630px;
        /* background: url(https://seeworld.com/uploads/upload/images/20250609/83d16c0b26b5612e1de863bfa398c4ca.jpg) center; */
        position: relative;
        overflow: hidden;
        display: block;

        video {
            width: 100%;
            margin-top: -8%;
        }

        .header-card {
            /* background: linear-gradient(#f3f8fd95, #f3f8fd); */
            background: rgba(0, 0, 0, .5);
            position: absolute;
            top: 0;
            width: 100%;
            height: 630px;
            display: flex;
            justify-content: center;
            align-items: center;

            .header {
                position: absolute;
                width: 1280px;
                text-align: left;
                margin: auto;
                margin-bottom: 40px;

                .title2 {
                    text-align: left;
                    color: #fff;
                }

                .title1 {
                    text-align: justify;
                    width: 700px;
                    text-align: left;
                    color: #fff;
                }
            }
        }
    }
}

.Header_bg__dqmCB.Header_header__Ig1fF {
    .page.flex-col.sss.yilu.transport {
        .trans-card {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background: #fff;
            border-radius: 20px;
            width: auto;
            height: 100%;
            overflow: hidden;
            padding: 40px;

            .l {
                width: 50%;
                text-align: justify;
            }

            .image {
                width: 40%;

                img {
                    width: 100%;
                    border-radius: 20px;
                }
            }
        }

        .splide-bus.splide-gqgo.splide.gqgo-card4 {
            .splide__slide.bus__slide {
                width: 420px;
                height: 600px;
                border-radius: 20px;
                margin: 15px 10px;

                .image {
                    border-radius: 20px;
                    width: auto;
                    height: 100%;
                    overflow: hidden;

                    img {
                        width: 100%;
                        border-radius: 20px;
                    }
                }

                .text-card {
                    .text-title {
                        font-size: 28px;
                    }
                }

                .text-card.w {
                    .text-title {
                        font-size: 28px;
                        color: #fff;
                    }

                    .text-secondary {
                        color: #fff;
                    }
                }
            }
        }

        .solution-card {
            .zc_image_box {
                background: linear-gradient(99deg, rgba(112, 174, 255, .2) 0%, rgba(0, 106, 255, .2) 100%), #fff;
                padding-top: 40px;
                width: 35%;

                img {
                    display: block;
                    border: 10px solid rgba(255, 255, 255, .24);
                    width: 300px;
                    border-radius: 20px 20px 0 0;
                }
            }

            .flex-colx {
                align-items: center;
            }
            .gcard{
                width: 65%;

                .zc_text_card{
                    display: grid;
                    flex-flow: wrap;
                    grid-column-gap: 20px;
                    grid-template-rows: auto auto;
                    grid-template-columns: 1fr 1fr 1fr;
                    grid-auto-columns: 1fr;
                    .zc_text_102{
                        display: flex;
                        /* justify-content: space-between; */
                        align-items: center;
                        padding: 5px 0;

                        .zc_num{ 
                            -webkit-box-flex: 0;
                            -ms-flex: none;
                            flex: none;
                            width: 27px;
                            color: #1d73fb;
                            font-family: DINPro, PingFang SC;
                            font-size: 24px;
                            font-weight: 900;
                            line-height: 24px;
                            white-space: nowrap;
                            margin-right: 10px;
                        }

                        .zc_txt {
                            font-size: 18px;
                            font-weight: 600;
                            line-height: 26px;
                            color: #000;
                        }
                    }

                    .zc_text_102::before{
                        padding-left: 0;
                        width: 0;
                        height: 0;
                    }
                }
            }
        }




        .cloudmaps-card {
            .cloudmaps-splide {
                width: 1280px;
                background: #fff;
                border-radius: 20px;
                overflow: hidden;
                height: 600px;
                display: flex;
                justify-content: space-between;
                padding: 20px;
                /* align-items: center; */

                .cloudmaps-splide-l {
                    width: 30%;
                    padding-top: 10px;
                    padding-left: 10px;

                    .csl-card {
                        width: 100%;
                        display: flex;
                        padding: 15px;
                        margin-bottom: 10px;
                        justify-content: space-between;
                        /* align-items: center; */
                        cursor: pointer;

                        .i {
                            width: 40px;
                            height: 40px;

                            img {
                                width: 100%;
                            }
                        }

                        .r {
                            margin-left: 20px;
                            width: calc(100% - 60px);

                            .t1 {
                                font-size: 18px;
                                font-weight: 600;
                            }

                            .t2 {
                                font-size: 15px;
                            }
                        }
                    }

                    .csl-card.a {
                        background: rgba(85, 112, 184, .07);
                        border-radius: 20px;
                    }
                }

                .splide__track {
                    width: 65%;

                    .splide__slide.bus__slide {
                        width: 100%;
                        margin: 0;
                        box-shadow: none;
                        height: 600px;
                        border-radius: 20px;
                        overflow: hidden;

                        .image {
                            border-radius: 20px;
                            overflow: hidden;
                            height: 600px;
                            padding: 0px;
                            width: 100%;

                            img {
                                width: 100%;
                            }
                        }
                    }
                }
            }
        }
    }
}

.about.solution.cloudmaps {
    .partner {
        height: 630px;
        background: url(https://industry.map.qq.com/cloud/lbs/home/top-bg.jpg) center 0px;
        background-size: 100%;
        background-repeat: no-repeat;
        position: relative;
        overflow: hidden;

        .header {
            position: absolute;
            width: 1280px;
            text-align: left;
            margin-bottom: 40px;

            .title2 {
                text-align: left;
                color: #000;
            }

            .title1 {
                text-align: left;
                color: #000;
            }
        }
    }
}

.Header_bg__dqmCB.Header_header__Ig1fF{
    .page.flex-col.sss.yilu.transport.cloudmaps.busgle{
        .cloudmaps-card {
            .cloudmaps-splide {
                width: 1280px;
                background: #fff;
                border-radius: 20px;
                overflow: hidden;
                height: 600px;
                display: flex;
                justify-content: space-between;
                padding: 20px;
                /* align-items: center; */

                .cloudmaps-splide-l {
                    width: 50%;
                    padding-top: 10px;
                    padding-left: 10px;

                    .csl-card {
                        width: 100%;
                        display: flex;
                        padding: 15px;
                        margin-bottom: 10px;
                        justify-content: space-between;
                        /* align-items: center; */
                        cursor: pointer;

                        .i {
                            width: 40px;
                            height: 40px;

                            img {
                                width: 100%;
                            }
                        }

                        .r {
                            margin-left: 20px;
                            width: calc(100% - 60px);

                            .t1 {
                                font-size: 18px;
                                font-weight: 600;
                            }

                            .t2 {
                                font-size: 15px;
                            }
                        }
                    }

                    .csl-card.a {
                        background: rgba(85, 112, 184, .07);
                        border-radius: 20px;
                    }
                }

                .splide__track {
                    width: 45%;

                    .splide__slide.bus__slide {
                        width: 100%;
                        margin: 0;
                        box-shadow: none;
                        height: 600px;
                        border-radius: 20px;
                        overflow: hidden;

                        .image {
                            border-radius: 20px;
                            overflow: hidden;
                            height: 600px;
                            padding: 0px;
                            width: 100%;

                            img {
                                width: 100%;
                            }
                        }
                    }
                }
            }
        }
    }
}

.footer {
    /* width: 1280px !important;
    min-width: 1280px !important; */

    .brand {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 0px;
        padding-top: 0px;
        margin-bottom: 25px;

        .copys {
            font-size: 14px;
            display: flex;
            justify-content: start;
            align-items: center;
            padding-top: 00px;
            padding-bottom: 0px;
            border: 0;
            height: 30px;
            line-height: 30px;
        }
    }

    .copys.mdeia_w.b {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 20px;
        border: 0;
        height: 40px;
        line-height: 30px;
        margin-top: 10px;
    }
}

.Header_bg__dqmCB.Header_header__Ig1fF {
    .card-grid-3 {
        display: grid;
        margin: auto;
        flex-flow: wrap;
        grid-column-gap: 20px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr 1fr;
        grid-auto-columns: 1fr;

        .splide__slide.bus__slide {
            width: 100%;
            height: 500px;

            img {
                width: 100%;
                height: 100%;
                margin: 0;
            }
        }
    }
}

.nwx_l_spana_c {
    padding: 20px;
    border-radius: 12px;
    margin: 0;
    display: flex;
    justify-content: space-between;
}

.nwx_l_spana_c:hover {
    background: #49c1670d;
}

.nwx_l_spana_c:hover .title {
    color: #03c160;
}

.nwx_l_spana_c_w {
    font-weight: 600;
    font-size: 18px;
    margin-top: 0px;
}

.new_headerrs_btcon2 .nwx_l_spana:hover {
    color: #222;
}

.nwx_l_spana_c_w.nwx_l_spana_c:hover {
    color: #222;
    background: unset;
}

.nwx_l_spana_c {
    width: 100%;
}

.new_headerrs_btcon3 {
    flex-direction: row;
    width: 100%;
    display: grid;
    flex-flow: wrap;
    grid-column-gap: 0.5rem;
    grid-row-gap: .1rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
}

.new_headerrs_btcon3 .nwx_l_spana_c {
    padding: 10.5px;
}

.new_headerrs_btcon.r {
    margin-right: 0;
    width: 28%;
    flex: initial;
    position: relative;
    flex: initial;
    position: relative;
    background: #2aae67;
    height: -webkit-fill-available;
    border-radius: 20px;

    .new_headerrs_btcon3 {
        padding: 140px 40px 0;

        .nwx_l_spana {
            color: #fff;
        }
    }
}

.npro_headerdv2a1 {
    font-family: 'OPPOSans-Ver2-Regular';
}

.page.flex-col.sss.yilu.gongqing {
    .header {
        margin: 140px auto 0;

        .zc_group_39 {
            background: none;
            padding: 0;
        }

        .zc_group_39.flex-col {
            cursor: initial;

            .flex-colx {
                .gcard {
                    display: flex;
                    align-items: center;
                    width: 50%;

                    .gcloud.gcloud_1 {
                        padding: 0;
                        width: 100%;

                        .chose_text1 {
                            text-align: left;
                            width: auto;
                            font-size: .45rem;
                            line-height: .65rem;
                            color: #000;
                            margin: 20px auto;
                            height: auto;
                        }

                        .button-card {
                            border-radius: 60px;
                            border: 1px solid #000;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                            width: 380px;
                            padding: 0 5px;
                            margin-bottom: 10px;

                            input {
                                line-height: 50px;
                                padding-left: 20px;
                                width: 65%;
                            }

                            .ty-button-l-radius {
                                width: 35%;
                                border-radius: 60px;
                                margin-top: 0;
                            }
                        }
                    }
                }

                .zc_image_box {
                    width: 40%;

                    .img {
                        width: 100%;
                        padding: 40px 0;
                        border-radius: 20px;

                        img {
                            height: 100%;
                            border-radius: 20px;
                        }
                    }
                }
            }
        }
    }

    .splide-bus.splide-busx.gqgo {
        .image {
            width: 100%;
            height: 600px;
            overflow: hidden;
            border-radius: 20px;
            margin-bottom: 10px;

            img {
                width: 100%;
                border-radius: 20px;
            }
        }
    }

    .splide-bus.splide-busx.gqgo.demo {
        .splide__track {
            height: auto;

            .splide__list {
                height: auto;

                .splide__slide.bus__slide {
                    position: relative;
                    width: 32%;
                    height: 800px;
                    padding: 0;
                    background: none;
                    box-shadow: none;

                    .image {
                        width: 100%;
                        height: 620px;
                        overflow: inherit;

                        img {
                            width: auto;
                            height: 620px;
                        }
                    }

                    .text-card {
                        position: absolute;
                        top: 640px;
                        width: 60%;
                        display: block;
                        margin: auto;
                        left: 0;
                        right: 0;

                        .text-title {
                            font-weight: 600;
                            font-size: 22px;
                        }

                        .text-secondary {}

                        a {
                            margin-top: 10px;
                            display: block;
                            font-size: 16px;
                            color: #1366ec;
                            font-weight: 600;
                        }
                    }
                }
            }
        }
    }


    .splide-bus.splide-busx.gqgo.gqgo-card3 {
        .splide__track {
            height: auto;

            .splide__list {
                height: auto;

                .splide__slide.bus__slide {
                    width: 49%;
                    height: 650px;
                    background: #fff;
                    overflow: hidden;

                    .image {
                        width: 100%;
                        height: 650px;
                        border-radius: 20px;

                        img {
                            width: 100%;
                            height: auto;
                            border-radius: 20px;
                        }
                    }

                    .text-card {
                        top: 40px;
                        left: 40px;
                        text-align: left;
                        right: initial;

                        .text-title {
                            font-size: 30px;
                        }

                        .text-secondary {}
                    }
                }

                .splide__slide.bus__slide.l {
                    .text-title {
                        color: #fff;
                    }

                    .text-secondary {
                        color: #fff;
                    }
                }
            }
        }
    }

    .splide-bus.splide-gqgo.splide.gqgo-card4 {
        .splide__slide.bus__slide {
            width: 420px;
            height: 600px;
            border-radius: 20px;
            margin: 15px 10px;

            .image {
                border-radius: 20px;
                width: auto;
                height: 100%;
                overflow: hidden;

                img {
                    width: 100%;
                    border-radius: 20px;
                }
            }

            .text-card {
                .text-title {
                    font-size: 28px;
                }
            }

            .text-card.w {
                .text-title {
                    font-size: 28px;
                    color: #fff;
                }

                .text-secondary {
                    color: #fff;
                }
            }
        }
    }

    .bus.x.footer-card {
        .mdeia_w.x {
            padding: 30px;
            background-image: url("https://img.yzcdn.cn/upload_files/2023/12/13/FjwCpt1HcPbswTfUtKFpWoeXJ0kE.jpg");

            .gcard {
                width: 60%;

                .button {
                    margin-top: 40px;
                }
            }
        }
    }
}

.tophup {
    .tt-hero.bg-black {
        .heading-xlarge {
            color: #fff;
        }

        .headline-decoration {
            color: #fff;
        }

        .heading-small {
            color: #fff;
        }

        .text-small {
            color: #fff !important;
        }

        .btn-primary {
            color: #000 !important;
        }
    }

    .tt-section.pt-4 {
        padding-top: 10rem !important;
    }
}

.honme-index {
    width: 100%;
    margin-top: -80px;
    z-index: 99;
    position: relative;
    background: linear-gradient(180deg, #fff, #c3d7ff 45%, #fff);
    border-radius: 60px 60px 0 0;

    .heading-medium {
        font-weight: 600;
    }
}

.partner {
    .tt-button.btn-primary.dark {
        color: var(--black-a-0) !important;
    }
}

.backdrop {
    opacity: 1;
    /* padding: 10rem 3rem 13rem; */
    border-radius: 10px;
    /* height: 26.5rem; */

    width: 315px;
    height: 180px;
    text-align: center;
    line-height: 180px;
    color: #fff;
    font-size: 26px;

    position: absolute;
    z-index: 999;
    background: #242a4280;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.new_headerrs_btcon:hover .backdrop {
    opacity: 1;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: var(--tw-backdrop-blur-10) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);

    transition-duration: .8s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.appproducts {
    .bus.x {
        .zc_group_39 {
            padding: 0;
            cursor: initial;
        }

        .flex-col {
            margin: 0;
        }

        .flex-colx {
            padding: 0;
            align-items: center;

            .zc_image_box {
                width: 40%;
                background: #fff;
                border-radius: 20px 0 0 20px;
                height: 400px;
                text-align: center;
                display: flex;
                align-items: center;
                justify-content: center;
                box-shadow: none;

                a {
                    height: auto;
                    width: 100%;

                    img {
                        height: auto;
                        width: 100%;
                        border-radius: 0;
                    }
                }
            }

            .gcard-tags {
                display: flex;
                align-items: end;
                justify-content: space-between;

                .button {
                    padding-bottom: 5px;
                    color: #005fff;
                    font-size: 16px;
                    display: flex;
                    align-items: center;

                    i {
                        font-size: 20px;
                    }
                }
            }

            .gcard {
                width: 60%;
                height: 400px;
                border-radius: 0 20px 20px 0;
                /* background: url(https://img.yzcdn.cn/upload_files/2025/05/15/FtQJDqlwovZNuMQCUygg8EaNtvw1.jpg); */
                text-align: center;
                display: flex;
                align-items: center;
                justify-content: center;

                .gcloud.gcloud_1 {
                    width: 100%;
                    padding: 45px;

                    .text-title {
                        color: #000;
                        font-size: 28px;
                    }

                    .zc_text_102 {
                        color: #000;
                        height: auto;
                        font-size: 18px;
                        line-height: 26px;
                        margin-top: 15px;
                    }

                    .tags {
                        width: 60%;
                        /* text-align: center;
                        display: flex;
                        align-items: center; */
                        margin-top: 25px;

                        display: grid;
                        grid-template-columns: repeat(3, -webkit-max-content);
                        grid-template-columns: repeat(3, max-content);

                        ._tag {
                            background: linear-gradient(253deg, #7366FF 0%, #1366EC 100%);
                            padding: 14px 20px;
                            white-space: nowrap;
                            border-radius: 10px;
                            color: #fff;
                            display: flex;
                            -ms-flex-align: center;
                            align-items: center;
                            margin: 16px 16px 0 0;
                        }

                        ._tag::before {
                            margin-right: 10px;
                            display: inline-block;
                            width: 16px;
                            height: 16px;
                            --tw-content: "";
                            content: var(--tw-content);
                            background-size: 16px;
                            background-repeat: no-repeat;
                            background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOCIgY3k9IjgiIHI9IjciIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl82OTBfMzA3MikiLz4KPHBhdGggZD0iTTE0LjkyMDMgMy4yNTMxN0MxMS43NDUxIDQuNzQ4NDUgOS4zNzIwOSA2Ljc0NTIxIDguMjk3MzEgNy43NTQ4TDUuOTk2NjYgNS44NTU4NEw0Ljg2Mjc5IDYuNTcxOTNMOC43NzA1NiAxMC43NDY5QzkuNjIxNjYgOS4xMDg2OSAxMi4xNjI0IDUuOTY2MDkgMTUuMTM3MSAzLjgxMTk3TDE0LjkyMDMgMy4yNTMxN1oiIGZpbGw9InVybCgjcGFpbnQxX2xpbmVhcl82OTBfMzA3MikiLz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl82OTBfMzA3MiIgeDE9IjMuNSIgeTE9IjMuNSIgeDI9IjEyLjUiIHkyPSIxNSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjNzI3MjcyIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzU4NTg1OCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MV9saW5lYXJfNjkwXzMwNzIiIHgxPSI5Ljk5OTk0IiB5MT0iMy4yNTMxNyIgeDI9IjkuOTk5OTQiIHkyPSIxMC43NDY5IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IndoaXRlIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzk5OTk5OSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=);
                            -ms-flex-negative: 0;
                            flex-shrink: 0;
                        }
                    }

                    .button {
                        margin-top: 20px;
                    }
                }
            }
        }
    }
}

/* ipad pro */
@media screen and (max-width: 1024px) {
    .mdeia_w {
        width: 1024px !important;
    }

    .page .banner {
        height: 30rem;

        .cardx {
            height: 30rem;

            .nav-index {
                height: 30rem;

                .banner-text.mdeia_w {
                    .digital {
                        justify-content: center;
                        font-size: 1.5rem;
                    }

                    .digital-title {
                        font-size: 1.8rem;
                    }
                }

                .banner-text.mdeia_w.a {
                    height: 7rem;
                }

                .banner-text.mdeia_w.x {
                    margin-top: 2rem;
                }

                .top-splide {
                    .splide__track {
                        height: 4.8rem !important;
                    }

                    .splide__slide {
                        display: block;

                        .text {
                            font-size: 1.65rem !important;
                        }

                        .desc {
                            font-size: .8rem !important;
                        }
                    }
                }

                .mdeia_w {
                    width: 1024px;
                    text-align: center;
                }

                .top-splide {
                    margin: auto;
                }

                .mdeia_w.z {
                    display: block;
                    margin-top: -1rem;

                    .button {
                        margin: auto;
                    }
                }
            }

            .buttonx {
                margin: 3.5rem auto 0;
                width: fit-content;
            }

            .splide__slide {
                text-align: center;

                .text {
                    margin: auto;
                }

                .button {
                    display: none;
                }
            }

            .dev_why {
                display: none;
            }
        }
    }

    .footer {
        padding: 0 40px;
        width: 1024px !important;
        min-width: 1024px !important;

        .brand {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-bottom: 0px;
            padding-top: 0px;
            margin-bottom: 25px;

            .copys {
                font-size: 14px;
                display: flex;
                justify-content: start;
                align-items: center;
                padding-top: 00px;
                padding-bottom: 0px;
                border: 0;
                height: 30px;
                line-height: 30px;
            }
        }

        .mdeia_w.footer-nav {
            grid-column-gap: 5rem;
            flex-wrap: wrap;
            grid-row-gap: 3rem;
        }

        .mdeia_w {
            width: 100% !important;
        }

        .copys.mdeia_w.b {
            display: initial;
        }
    }

    .wrap {
        width: 100% !important;
    }

    .foot-logo {

        width: 100% !important;
    }

    .text-wrapper_14 {
        font-size: 1.17vw;
        width: auto !important;
    }
}

/* ipad */
@media screen and (max-width: 768px) {}

/* iphone6 7 8 plus */
@media screen and (max-width: 414px) {}

/* iphoneX */
@media screen and (max-width: 375px) and (-webkit-device-pixel-ratio: 3) {}

/* iphone6 7 8 */
@media screen and (max-width: 375px) and (-webkit-device-pixel-ratio: 2) {}

/* iphone5 */
@media screen and (max-width: 320px) {}



@media screen and (min-width: 1920px) {}

@media screen and (max-width: 1850px) {}

@media screen and (max-width: 1680px) {
    .page .banner {
        height: 23rem;

        .cardx {
            height: 23rem;

            .nav-index {
                height: 23rem;
            }
        }
    }
}

@media screen and (max-width: 1480px) {}

@media screen and (max-width: 1296px) {}

@media screen and (max-width: 1360px) {}

@media screen and (max-width: 1120px) {}

@media screen and (max-width: 1080px) {}

@media screen and (max-width: 960px) {}