body{
    background: #fff;
}

.ai_slogan{
    /* padding-top: 150px; */

    height: auto;
    background: #fff url(/static/cn/images/products/ai_slogan.webp) no-repeat;
    background-size: 100% 1330px;
    /* background: #3b74be; */
    
}
.ai_slogan_c{
    padding-top: 150px;
    padding-left: 98px;
    max-width: 1269px;
    margin:0 auto;

    /* background: #F5F8FC; */
    /* background: #efaaf8; */
    box-sizing: content-box;
    
}
.breadcrumb_hm{
    display: flex;
    align-items: center;
}
.bredb_before{
    
    font-family: OPPO;
    font-weight: 400;
    font-style: Regular;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0%;

    color: #92979E;

}
.bredb_current{
    font-family: OPPO;
    font-weight: 400;
    font-style: Regular;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0%;

    color: #333333;
}
.bredb_icon{
    margin: 0 10px;
    display: inline-block;
    width: 5px;
    height: 8px;
    background: url(/static/cn/images/products/bredb_icon_pic.webp) no-repeat;
    background-size: cover;
}



/* .header{
    height: 100vh;
    width: 100%;
} */

.ai_slogan .sl_content{
    margin:0 auto;
    display: flex;
    flex-direction: column;
}

.ai_slogan .sl_content .sl_content_dec{
    margin-top: 75px;
    /* width: 44%; */
    /* max-width: 537px; */
    /* border: 1px solid red; */
}

.ai_slogan .sl_content h1{

    font-family: OPPO;
    font-weight: 600;
    font-size: 54px;
    letter-spacing: 0%;

    
    color: #333333;
    text-align: center;


}

.ai_slogan .sl_content h2{
    position: relative;
    margin-top: 20px ;

    font-family: oppo;
    font-weight: 600;
    font-size: 54px;
    line-height: 63px;

    display: flex;
    justify-content: center;
    align-items: center;

    /* background: linear-gradient(90deg, #594af9 56%, #30adff 73%); */
    background: linear-gradient(270deg, #FF34DC 10%, #1372FF 100%);

    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent; /* 备用 */

}
.ai_slogan .sl_content h2::after{
    content: '';
    position: absolute;
    right: 140px;
    top: -55px;
    width: 840px;
    height: 142px;
    background: url(/static/cn/images/products/ai_slogan_border.webp?v={$res_ver}) no-repeat;
    background-size: 840px 142px;

}

.ai_slogan .sl_content .sl_content_dec>p{
    margin-top: 20px;

    font-family: OPPO;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #333333;

}

.ai_slogan .sl_content .operate_box{
    margin-top: 34px;
    display: flex;
    justify-content: center;
}

.res_btn{

    width: 170px;
    height: 42px;
    border-radius: 30px;

    display: flex;
    justify-content: center;
    align-items: center;

    background: #2067e7;

    color: #fff;
    font-family: OPPO;
    font-weight: 400;
    font-size: 16px;
    transition: all .3s ease-out;

}
.res_btn:hover{
    background: #0a60ff;
}
.price_btn{
    margin-left: 20px;
    width: 170px;
    height: 42px;
    border-radius: 30px;

    background: #fff;
    border: 1px solid #EBE6F1;

    font-family: OPPO;
    font-weight: 400;
    font-size: 16px;
    color: #333333;

    display: flex;
    justify-content: center;
    align-items: center;

}

.ai_slogan .sl_content .top-tips{
    margin-top: 20px;
    font-size: 14px;
    font-weight: 400;
}

.ai_slogan .sl_content ul{
    margin-top: 30px;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 70px;
    /* flex-wrap: wrap; */
    /* flex-direction: column; */

    
}

.ai_slogan .sl_content ul li{
    margin-bottom: 16px;
    display: flex;
    align-items: center;
}

.ai_slogan .sl_content ul li span{
    margin-left: 8px;

    font-family: OPPO;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;

    color: #333333;

}
.ai_slogan .sl_content ul li img{
    width: 16px;
    height: 16px;
}

.ai_slogan .sl_content .sl_content_pic{
    margin-top: 34px;

    max-width: 1210px;
    height: 434px;
    /* border: 1px solid #1874ff; */
    display: flex;
    justify-content: center;
}
.sl_content_pic img{
    width: 100%;
}



.intro_models_wrap{
    margin: 230px auto 120px;
    max-width: 1200px;
    height: 622px;
}
.intro_models_title{

}
.intro_models_title h2{
    font-family: OPPO;
    font-weight: 600;
    font-size: 40px;
    line-height: 47px;
    text-align: center;

}
.intro_models_txt{
    margin-top: 18px;

    font-family: OPPO;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-align: center;

}
.intro_container{
    margin-top: 50px;

    display: flex;
    flex-direction: column;
    align-items: center;
}
.intro_tab_wrap{
    position: relative;
    display: flex;
    width: 356px;
    height: 42px;
    background: #FFFFFF;
    border-radius: 24px 24px 24px 24px;
    border: 1px solid #F0F0F0;
}
.intro_tab_item{
    flex: 1;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding: 0;
   
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    z-index: 1;
    width: 97px;
    height: 40px;
    
    font-family: OPPO;
    font-weight: 400;
    font-size: 14px;

    color: #333;
    
}
.intro_tab_item img{
    margin-right: 8px;
    width: 16px;
    height: 16px;
}
.intro_tab_item.active {
    /* color: #fff; */
    font-weight: 500;
    
}
.introtab_indicator{
    position: absolute;
    bottom: -1px;
    height: 42px;
    background: #FCFCFC;
    transition: all 0.3s ease;
    border-radius: 50px;
    border: 1px solid #F0F0F0;
    border-radius: 24px;
}

.intro_cont{
    padding-top: 50px;
    width: 100%;
}
.intro_ct_item{
    
    display: flex;
    align-items: center;
    justify-content: space-between;

}
.intro_ct_item_left{
    width: 520px;
}
.intro_ct_item_left h3{
    font-family: OPPO;
    font-weight: 600;
    font-size: 22px;
    line-height: 100%;
    color: #333;

}
.intro_l_txt{
    margin-top: 16px;

    font-family: OPPO;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    color: #606368;

}
.intro_l_txt_list{
    margin-top: 30px;
}
.intro_l_txt_li{
    margin-top: 16px;

    font-family: OPPO;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color:#606368;

    display: flex;
    align-items: center;

}
.intro_l_txt_li i{
    display: inline-block;
    margin-right: 10px;
    width: 6px;
    height: 6px;
    background: #333;
    border-radius: 50%;
}
.intro_ct_item_right{
    width: 654.5px;
    height: 272.5px;

    background: url(/static/cn/images/products/intro_cont_right01.webp?v={$res_ver}) no-repeat bottom center;
    background-size: 100%;
}
.intro_ct_item_right02{
    width: 592px;

}
.intro_ct_item_right02 img{
    width: 100%;

}
.intro_ct_item_right03{
    width: 592px;
}
.intro_ct_item_right03 img{
    width: 100%;

}
.fet_item_list i{
    display: inline-block;
    margin-right: 10px;
    width: 6px;
    height: 6px;
    background: #333;
    border-radius: 50%;
}


.explore_our_product{
    max-width: 1200px;
    margin: 120px auto;
}
.explore_our_product h2{
    font-family: OPPO;
    font-weight: 600;
    font-size: 40px;
    line-height: 47px;
    text-align: center;

}
.explore_ourtxt{

    margin: 18px auto 0;

    max-width: 730px;
    font-family: OPPO; 
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #606368;

}
.explore_ourtxt span{
    font-weight: 500;
}

.explore_our_cont{
    display: flex;
    gap: 1px;

    margin-top: 50px;

    border: 1px solid #F3F3F3;


}
.explore_our_item{
    flex: 1;

    padding: 54px 40px 30px;
    border-top: 6px solid #0D6EFB;

    background: #FCFCFC;

}
.explore_our_item h3{
    font-family: OPPO;
    font-weight: 600;
    font-size: 22px;
    line-height: 26px;

    color: #333;

}
.expl_oitm_txt{
    margin-top: 30px;

    font-family: OPPO;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    height: 38px;

    color: #606368;

}
.expl_oitm_list{
    margin-top: 20px;
}
.expl_oitm_li{
    margin-top: 16px;

    display: flex;
    align-items: center;

}
.expl_oitm_li img{
    margin-right: 8px;
    width: 16px;
    height: 16px;
}

.expl_oitm_li span{
    font-family: OPPO;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;

    color: #606368;

}

.expl_oitm_list02{
    padding-top: 19px;
    border-top:1px dashed #EBEBEB;
}
.expl_oitm_list02 .expl_oitm_li i{
    display: inline-block;
    margin-right: 10px;
    width: 6px;
    height: 6px;
    background: #333;
    border-radius: 50%;
}
.ai_buy_pirce{
    margin-top: 30px;
    width: 160px;
    height: 36px;
    border: 1px solid #F3F3F3;
    border-radius: 30px;

    font-family: OPPO;
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    color: #333;
    background:#fff;

    display: flex;
    justify-content: center;
    align-items: center;
}
.expl_oitm_list_tit{
    font-family: OPPO;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #333;

}
.explore_our_item02{
    border-top: 6px solid #FF804C;
    background:#fff;
}

.explore_our_item02 .ai_buy_pirce{

    width: 100%;
    padding: 0 40px 0 50px;
    font-family: OPPO;
    font-weight: 500;
    font-size: 15px;

    background: #0D6EFB;
    color: #fff;

    display: flex;

    justify-content: space-between;
}
.explore_our_item02 .ai_buy_pirce img{
    width: 20px;
}













.train_models{
    background: #fbfbfb;
}
.train_models_c{
    margin: 0 auto;
    padding: 120px 0 89px;

    max-width: 1200px;
}

.train_models_c h2{
    /* width: 362px; */
    /* height: 52px; */
    font-family: OPPO;
    font-weight: 600;
    font-size: 40px;
    line-height: 47px;
    text-align: center;

    color: #333;

}
.train_models_txt{
    margin-top: 18px;

    font-family: OPPO;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    text-align: center;
    color: #606368;

}
.train_models_list1{
    margin-top: 50px;

    display: flex;
    justify-content: space-between;
}
.tra_item_item1{
    padding:40px 44px;
    
    width: 480px;
    height: 432px;
    border-radius: 16px;

    background: #fff;
    border: 1px solid #F3F3F3;


}
.tra_item_item1 img{
    width: 392px;

}
.tra_itm_tit{
    margin-top: 40px;

    line-height: 26px;
    font-family: OPPO;
    font-weight: 500;
    font-size: 22px;
    color: #333333;
    text-align: left;
}
.tra_item_item1 .tra_item_txt{
    margin: 15px 0 0px;

    /* width: 444px; */
    height: 66px;
    font-family: OPPO;
    font-weight: 400;
    font-size: 15px;
    color: #606368;
    line-height: 22px;
}
.tra_item_item1 .tra_md_pic{
    width: 440px;
    height: 224px;
    /* background: #FFFFFF;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.04);
    border-radius: 28px 28px 28px 28px; */
}

.tra_item_item1 .tra_md_pic img{
    width: 100%;
}

.train_models_list2{

    width: 700px;
}

.tra_item_item2{
    padding:0 30px;
    width: 700px;
    height: 248px;
    background: #fff;
    border-radius: 16px;
    border: 1px solid #F3F3F3;

    display: flex;
    justify-content: space-between;
}
.tra_item_item2_dec{
    width: 215px;
}
.tra_item_item2 h3{
    margin-top: 109px;

    line-height: 26px;
    font-family: OPPO;
    font-weight: 500;
    font-size: 22px;
    color: #333333;
    text-align: left;
    font-style: normal;
    text-transform: none;
}
.tra_item_item2 .tra_item_txt{
    margin: 15px 0 22px;

    /* width: 592px; */
    /* height: 44px; */
    font-family: OPPO;
    font-weight: 400;
    font-size: 15px;
    color: #606368;
    line-height: 22px;
    text-align: left;
    font-style: normal;
    text-transform: none;
}
.tra_item_item2 .tra_md_pic{
    margin-top: 31px;
    width: 366px;
    /* height: 223px; */
    /* background: #FFFFFF;
    border-radius: 29px 29px 0px 0px; */
}
.tra_item_item2 img{
    width: 100%;
}
.train_models_list3{
    margin-top: 12px;
    display: flex;
    justify-content: space-between;
    
}
.tra_item_item3{
    width: 301px;
    height: 172px;
    border-radius: 14px;
    border: 1px solid #F3F3F3;
    background: #FFFFFF;

    display: flex;
    align-items: center;
    justify-content: center;
}
.tra_item_item3 .tra_md_pic{
    width: 218px;
}
.tra_item_item3 .tra_md_pic img{
    width: 100%;
}
.tra_item_item4{
    padding: 40px 30px 0;

    width: 378px;
    height: 408px;
    border: 1px solid #F3F3F3;
    border-radius: 16px;
    background: #FFFFFF;

}
.tra_item_item4 h3{
    margin-top: 34px;

    line-height: 26px;
    font-family: OPPO;
    font-weight: 500;
    font-size: 22px;
    color: #333333;
    text-align: left;
    font-style: normal;
    text-transform: none;
}
.tra_item_item4 .tra_item_txt{
    margin-top: 16px;

    /* width: 592px; */
    /* height: 44px; */
    font-family: OPPO;
    font-weight: 400;
    font-size: 15px;
    color: #606368;
    line-height: 22px;
    text-align: left;
    font-style: normal;
    text-transform: none;
}
.tra_item_item4 .tra_md_pic{
    width: 318px;
}
.tra_item_item4 .tra_md_pic img{
    width: 100%;
}
.train_models_list5{
    margin-top: -215px;
    display: flex;
    justify-content: space-between;

    width: 800px;
}

.train_models_list6{

}
.train_models_item1{
    margin-bottom: 20px;
    padding: 6px;
    
    width: 402px;
    height: 98px;
    border: 1px solid #F3F3F3;
    border-radius: 14px;
    background: #fff;
    
}
.train_models_item1_wrap{
    width: 390px;
    height: 86px;
    border-radius: 14px;
    background: linear-gradient(90deg, #F4F9FF 0%, #FFFFFF 100%);
    display: flex;
    align-items: center;

}
.train_models_item1_wrap img{
    margin-left: 23px;
    margin-right: 19px;
    width: 44px;
    height: 44px;
}
.train_models_item1_wrap .tmi_txt{
    font-family: OPPO;
    font-weight: 600;
    font-size: 22px;
    line-height: 100%;
    color: #333;
}
.train_models_item2_wrap{
    width: 390px;
    height: 86px;
    border-radius: 14px;
    background: linear-gradient(90deg, #FDF1FF 0%, #FFFFFF 100%);

    display: flex;
    align-items: center;

}
.tra_item_item7{
    padding: 0 30px;
    width: 380px;

    height: 216px;
    border: 1px solid #F3F3F3;
    border-radius: 16px;
    background: #FFFFFF;

}
.tra_item_item7 h3{
    margin-top: 10px;
    font-family: OPPO;
    font-weight: 600;
    font-size: 22px;
    line-height: 26px;
    color: #333;

}

.tra_item_item7 .tra_item_txt{
    margin-top: 16px;
    font-family: OPPO;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #606368;

}
.tra_item_item7 .tra_md_pic{
    margin-top: -1px;
    width: 320px;
}
.tra_item_item7 .tra_md_pic img{
    width: 100%;
}





.combo_wrap{
    background: #FBFBFB;
}

/* combo */
.combo_wrap{
    padding: 120px 0;
    background: #FBFBFB;
}
.combo{
    margin: auto;
    max-width: 1200px;
}
.combo_title{
    
    font-family: OPPO;
    font-weight: 600;
    font-size: 40px;
    line-height: 47px;
    color: #333333;
    text-align: center;
    
}
.combo_txt{
    margin: 18px 0 50px;
    line-height: 19px;
    font-family: OPPO;
    font-weight: 400;
    font-size: 16px;
    color: #606368;
    text-align: center;
}





/* combo  end */

.feature_wrap_w{
    /* background: #f8f8f8; */
    background: linear-gradient( 90deg, rgba(242, 247, 255, 0.5) 0%, rgba(255, 248, 254, 0.5) 100%);
    /* opacity: 0.5; */

}
.feature_wrap{
    margin: 0 auto ;
    padding: 120px 0 90px;
    
    max-width: 1200px;
}
.feature_wrap h2{
    margin: 0 auto 50px;
    /* max-width: 750px; */
    /* height: 94px; */
    font-family: OPPO;
    font-weight: 600;
    font-size: 40px;
    color: #333333;
    text-align: center;
    font-style: normal;
    text-transform: none;
}
.fet_item{
    margin-bottom: 84px;

    display: flex;
    align-items: center;
    /* justify-content: space-between; */

}
.fet_item_desc{
    width: 520px;
}
.fet_item_tit{
    /* width: 206px; */
    line-height: 30px;
    font-family: OPPO;
    font-weight: 500;
    font-size: 26px;
    color: #1C1C1C;
    text-align: left;
}
.fet_item_txt{
    margin-top: 16px;

    font-family: OPPO;
    font-weight: 400;
    font-size: 15px;
    color: #606368;
    line-height: 22px;
    text-align: left;
    font-style: normal;
    text-transform: none;
}
.fet_item_list{
    margin-top: 30px;
}
.fet_item_list_li{
    margin-top: 16px;
    line-height: 18px;
    font-family: OPPO;
    font-weight: 400;
    font-size: 15px;
    color: #606368;
    text-align: left;
    font-style: normal;
    text-transform: none;

    display: flex;
    align-items: center;
}

.fet_item_list_li img{
    margin-right: 8px;
    width: 16px;
    height: 16px;
}

.fet_item_pic{
    width: 583px;
}
.fet_item_pic img{
    width: 100%;
}



.tra_compatible_wrap{
    background: #0F1927;
    border-radius: 0px 0px 0px 0px;
}
.tra_compatible{
    
    margin: 0 auto;
    max-width: 1206px;
    height: 718px;



}
.tra_compatible_title{
    padding:120px 0 100px;

    line-height: 47px;
    font-family: OPPO;
    font-weight: 600;
    font-size: 40px;
    color: #FFFFFF;
    text-align: center;
}
.tra_compatible img{
    width: 100%;
}

.fet_item1 .fet_item_pic{
    margin-left: 148px;
    width: 511px;
}
.fet_item2 .fet_item_desc{

}

.fet_item2 .fet_item_pic{
    margin-right: 115px;
    width: 499px;
}
.fet_item2 .fet_item_desc{
    width: 520px;
}

.fet_item3 .fet_item_pic{
    margin-left: 151px;
    width: 496px;
}
.fet_item3 .fet_item_desc{
    width: 520px;
}

.fet_item4 .fet_item_pic{
    margin-right: 207px;
    width: 436px;
}
.fet_item4 .fet_item_desc{
    width: 520px;
}
/* api_wrap */
.unlimited_api_wrap{
    margin: 0 auto;
    max-width: 1200px;
    padding:120px 0;
    
    display: flex;
    gap: 100px;

}
.unlmd_api_left{
    width: 500px;
}
.unlmd_api_left h2{
    margin-top: 46px;
    font-family: OPPO;
    font-weight: 600;
    font-size: 40px;

    background: linear-gradient(270deg, #0D6EFB 25%, #D62DFC 60%, #FF5ABC 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent; /* 备用 */


    /* background: linear-gradient(270deg, #0D6EFB 0%, #D62DFC 50%, #FF5ABC 100%); */



}
.unlmd_api_left_txt{
    margin-top: 16px;
    width: 500px;
    font-family: OPPO ;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #606368;
}
.unlmd_api_left_list{
    margin-top: 30px;
}
.unlmd_api_li{
    margin-top: 16px;
    line-height: 18px;
    font-family: OPPO ;
    font-weight: 400;
    font-size: 15px;
    color: #333333;
    text-align: left;

    display: flex;
    align-items: center;
}
.unlmd_api_li img{
    margin-right: 8px;
    width: 16px;
}
.check_doc{
    margin-top: 30px;

    width: 146px;
    height: 36px;
    background: #FFFFFF;
    border-radius: 30px 30px 30px 30px;
    border: 1px solid #333333;

    font-family: oppo, OPPO Sans 40;
    font-weight: 400;
    font-size: 15px;
    line-height: 36px;
    color: #333333;

    display: flex;
    align-items: center;
    justify-content: center;
}
.check_doc img{
    margin-left: 8px;
    width: 20px;

    transition: all 0.3s ease-in-out;
}
.check_doc:hover img{
    margin-left: 15px;
}
.pro_lang{
    margin-top: 40px;
    width: 244px;
}

.unlmd_api_right{
    border-radius: 14px;
    border: 1px solid #EDEDED;
    width: 600px;
}
.api_name_wrap{
    position: relative;
    padding-left: 30px;

    height: 49px;
    background: #FCFCFC;
    border-radius: 14px 14px 0px 0px;
    border: 1px solid #EEEEEE;

    font-family: Poppins;
    font-weight: 400;
    font-size: 14px;
    color: #333333;

    /* display: flex;
    align-items: center;
    justify-content: space-between; */
}
.api_name{
    
    height: 49px;
    font-family: Poppins;
    font-weight: 400;
    font-size: 14px;
    color: #333333;

    display: flex;
    align-items: center;
    justify-content: space-between;
}
.api_namefas{
    margin-right: 30px;
    width: 20px;
    height: 20px;
    background: url(/static/cn/images/products/api_namefas.webp) no-repeat center;
    background-size: 16px 16px;

    cursor: pointer;

    transition: all 0.3s ease-in-out;
}
.api_namefas.is_down{
    transform: rotate(-180deg);
}

.api_name_dropdown{
    /* display: none; */
    position: absolute;
    top: 35px;
    right: 10px;
    z-index: 99;

    border: 1px solid #E5E5E5;
    border-radius: 8px;
    background: #fff;

    transition: all 0.3s ease-in-out;

}
.dropdown-item{
    width: 120px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;

    font-family: Poppins;
    font-weight: 400;
    font-size: 14px;
    color: #333333;

    cursor: pointer;
}
.dropdown-item:hover{
    background:#f7f7f7
}

.unlmd_api_item{
    /* height: 355px; */
    /* overflow-x: auto; */
    position: relative;

}
.el-tabs__content{
    height: 355px;
    overflow-y: auto !important;
}
.code_tab{
    
}
.code_copy{
    position: absolute;
    top: 30px;
    right: 30px;
    background: url(/static/cn/images/products/unl_copy_icon.webp) no-repeat center;
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
    cursor: pointer;
    z-index: 90;    

}
.el-icon-copy-document{

}

.el-message{
    z-index: 9999 !important;
}
.unlmd_api_item pre code.hljs{
    padding: 0 30px;

    font-family: Poppins;
    font-weight: 400;
    font-size: 14px;

    color: #000;
    background: #fff;
}
.unlmd_api_item ::-webkit-scrollbar {
    height: 0;
}

.hljs-meta .hljs-string, .hljs-regexp, .hljs-string {
   color: #56b97b !important;

}
.hljs-doctag, .hljs-keyword, .hljs-meta .hljs-keyword, .hljs-template-tag, .hljs-template-variable, .hljs-type, .hljs-variable.language_ {
    color: #cf72db !important;
}
.hljs-title, .hljs-title.class_, .hljs-title.class_.inherited__, .hljs-title.function_ {
    color: #6f27ff !important;
}

.unlmd_api_item .el-tabs__nav-wrap::after{
    bottom: 38px;
    height: 1px;
}
.unlmd_api_item .el-tabs__active-bar{
    bottom: 38px;
}
.unlmd_api_item .el-tabs__item{
    padding: 0 25px;
}
.el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2){
    padding-left:25px !important;
}



/* api_wrap end */

.choose_ipwo_wrap{
    background:#FBFBFB;
}
.choose_ipwo{
    margin: 0 auto;
    padding: 120px 0;
    max-width: 1200px;
}
.choose_title{
    line-height: 47px;
    font-family: OPPO;
    font-weight: 600;
    font-size: 40px;
    color: #333333;
    text-align: center;
}

.choose_ipwo_cont{
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.choose_ipwo_item{
    margin-top: 16px;
    padding: 40px;

    width: 590px;
    height: 230px;
    background: #FFFFFF;
    border-radius: 16px 16px 16px 16px;
    border: 1px solid #ECECEC;
    cursor: pointer;

    transition: all 0.3s;
}
.choose_ipwo_item:hover{
    border: 1px solid #333333;
    transform: scale(1.05);
}
.choose_ipwo_item img{
    margin-bottom: 20px;
    width: 44px;
    height: 44px;
}
.ch_ipw_title{
    margin-bottom: 16px;

    line-height: 26px;
    font-family: OPPO;
    font-weight: 500;
    font-size: 22px;
    color: #333333;
    text-align: left;
    font-style: normal;
    text-transform: none;
}
.ch_ipw_txt{
    height: 44px;
    font-family: OPPO;
    font-weight: 400;
    font-size: 15px;
    color: #606368;
    line-height: 22px;
    text-align: left;
    font-style: normal;
}

/* faq */
.ai_faq_wrap{
    position: relative;
    margin: 0 auto;
    padding: 120px 0;
    max-width: 1200px;

    display: flex;
    justify-content: space-between;

    /* border: 1px solid red; */
}
.left_faq_wrap{
    width: 360px;
}
.faq_tit{
    margin-top: 44px;

    /* width: 332px; */
    line-height: 98px;
    font-family: OPPO;
    font-weight: 600;
    font-size: 84px;
    color: #333333;
}
.faq_txt{
    margin-top: 20px;
    
    width: 360px;
    height: 66px;
    font-family: OPPO;
    font-weight: 400;
    font-size: 16px;
    color: #606368;
    line-height: 22px;
    text-align: left;
}
.faq_more_a{
   position: absolute; 

   left: 0;
   bottom: 120px;

   width: 146px;
   height: 36px;

   /* border: 1px solid red; */


}
.faq_more_btn{
    width: 146px;
    height: 36px;
    background: #FFFFFF;
    border-radius: 30px 30px 30px 30px;
    border: 1px solid #333333;

    font-family: OPPO;
    font-weight: 400;
    font-size: 15px;
    color: #333333;

    display: flex;
    justify-content: center;
    align-items: center;
}
.faq_more_btn img{
    margin-left: 8px;
    width: 20px;
    height: 20px;
    transition: all 0.3s ease-in-out;
}
.faq_more_btn:hover img{
    margin-left: 15px;
}

.right_faq_wrap{
    width: 700px;
    height: auto;

    /* border: 1px solid #E8E8E8; */
}

/* faq-right start */

.h_panel_nine{
    /* padding: 80px 0px; */
    background: #fff;
}
.h_panel_nine_c{
    position: relative;
    max-width: 1024px;
    margin: 0 auto;
    /* display: flex;
    justify-content: space-between; */
   
}

.quest_ul{

}
.quest_ul_li{
    margin-bottom: 20px;
    
    background: #FCFCFC;
    border-radius: 22px;
    border: 1px solid #F3F4F5;
    
    transition: all 0.5s ease-out;
}
.quest_ul_li.expanded{
    max-width: 1024px;
    border: 1px solid #333;
}
.quest_ul_li.expanded .quest_li_tit{
    padding: 30px 32px 16px 32px;
    /* background:#fff; */
}
.quest_ul_li.expanded .quest_li_dec{
    /* padding:0 20px; */
    padding: 0px 32px 16px 32px;

}
.quest_li_tit{
    padding: 30px 32px 26px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* width: 1024px; */
    height: 80px;
    border-radius: 22px;
    border: 1px solid rgba(230,234,245,0);

    line-height: 26px;
    font-family: OPPO;
    font-weight: 500;
    font-size: 22px;
    color: #333333;

    cursor: pointer;
}
.quest_li_tit span{
    /* padding: 10px; */
}
.questli_btn{
    transition: all 0.3s ease-in-out;
}
.quest_ul_li.expanded .questli_btn{
    margin-left: 60px;
    cursor: pointer;
    transform: rotate(90deg);
}


.questli_btn i{
    display: block;
    width: 14px;
    height: 14px;
    background: url(/static/cn/images/products/faq_btn01.webp) no-repeat;
    background-size: cover;
}
.quest_ul_li.expanded .questli_btn i.open{
    background: url(/static/cn/images/products/faq_btn02.webp) no-repeat;
    background-size: cover;
    transform: rotate(90deg);
    
}
.quest_li_dec{
    /* padding: 10px 10px 10px 20px; */
    padding:0 32px;
    /* width: 926px; */
    max-height: 0;
    overflow: hidden;
    transition: max-height .5s ease-out;
    
    font-family: OPPO;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #606368;

}

.quest_ul_li.expanded:hover{
    border: 1px solid black;
    transform: scale(1.05);
}

.quest_ul_li:last-child{
    margin-bottom: 0;
}

/* faq-right end */








/* faq end */

.compatible_wrap{
    background: #ffffff url('/static/cn/images/products/compatible_bg.webp') no-repeat center;
    background-size: 1342px 710px;

    height: 710px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.compatible{
    margin: 0 auto;
    /* padding-top: 128px; */
    max-width: 668px;
}
.compatible h2{
    font-family: OPPO;
    font-weight: 600;
    font-size: 40px;
    color: #333333;
    text-align: center;

    color: #333;

}

.compatible h3{
    margin-top: 18px;
    font-family: OPPO;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-align: center;

    color: #040404;

}
.fb_btn_wrap{
    margin-top: 21px;

    display: flex;
    justify-content: center;
    gap: 20px;


}
.fb_btn1{
    width: 160px;
    height: 36px;
    background: #0D6EFB;
    border-radius: 30px 30px 30px 30px;

    font-family: OPPO;
    font-weight: 500;
    font-size: 15px;
    color: #FFFFFF;

    display: flex;
    justify-content: center;
    align-items: center;


}
.fb_btn2{
    width: 160px;
    height: 36px;
    background: #FFFFFF;
    border-radius: 30px 30px 30px 30px;
    border: 1px solid #333333;

    font-family: OPPO;
    font-weight: 400;
    font-size: 15px;
    color: #333333;

    display: flex;
    justify-content: center;
    align-items: center;
}


.unlim_buy_bottom_wrap{
    height: 450px;
    background: #fbfbfb url(/static/cn/images/promotion/unlim_buy_bottom.webp?v={$res_ver}) no-repeat center;
    background-size: 1920px 432px;

}
.unlim_buy_bottom{
    margin: 0 auto;
    max-width: 1200px;

}
.unlim_buy_bottom h2{
    padding-top: 120px;

    line-height: 47px;
    font-family: OPPO;
    font-weight: 600;
    font-size: 40px;
    color: #333333;
    text-align: center;
}
.unlim_buy_b_txt{
    margin-top: 16px;

    height: 21px;
    font-family: OPPO;
    font-weight: 400;
    font-size: 18px;
    color: #606368;
    text-align: center;
}
.unlim_buy_wrap{
    margin-top: 34px;
    
    display: flex;
    justify-content: center;
    gap: 20px;
}
.unlim_buy_btn{
    

    width: 120px;
    height: 36px;
    background: #0D6EFB;
    border-radius: 30px 30px 30px 30px;

    font-family: OPPO;
    font-weight: 500;
    font-size: 15px;
    color: #FFFFFF;

    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .3s ease-out;
}
.unlim_buy_btn2{
    background: #333;
}
.unlim_buy_btn:hover{
    background: #418eff;
}

.unlim_buy_btn2:hover{
    background: #4d4d4d;
}

@media (max-width: 910px) and (min-width: 701px) {
    #VUE_APP{
        overflow: hidden;
    }
    .ai_slogan{
        height: auto;
    }
    .ai_slogan_c{
        padding: 20px;
        height: auto;
    }
    .sl_content{
        display: flex;
        align-items: center;
        /* flex-direction: column; */
    }
    h1, h2, h3{
        font-size: 32px !important;
    }
    .ai_slogan .sl_content h1, .ai_slogan .sl_content h2{
        width: 100%;
    }
    .ai_slogan .sl_content .sl_content_dec{
        /* width: 50%; */
    }
    .ai_slogan .sl_content .sl_content_pic{
        /* width: 50%; */
        height: auto;
    }
    .intro_container{
        padding: 10px;
    }
    .intro_models_wrap{
        margin: 100px auto 0;
    }
    .feature_wrap{
        padding: 10px;
    }
    


    .unlimited_api_wrap{
        padding: 20px 10px;
    }
    .unlmd_api_left{
        width: 40%;
    }
    .unlimited_api_wrap{
        display: flex;
        align-items:flex-start;
        justify-content: space-between;
        gap: 20px;
    }
    .unlmd_api_left h2{
        margin-top: 10px;
    }
    .unlmd_api_left_txt{
        width: 100%;
    }
    .unlmd_api_right{
        width: 55%;
    }
    
    .choose_ipwo_cont{
        padding: 10px;
        margin-top: 50px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .choose_ipwo_item{
        width: 100%;
    }

    .ai_slogan .sl_content h2::after{
        content: inherit;
    }

    .train_models_list1, .train_models_list2, .train_models_list3, .train_models_list4, .train_models_list5{
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .tra_item_item1, .tra_item_item2, .tra_item_item3, .tra_item_item4, .tra_item_item5, .tra_item_item6, .tra_item_item7{
        width: 100%;
    }
    .tra_item_item1{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .train_models_list6{
        display: flex;
        gap: 5px;


    }
    .train_models_item1{
        flex: 1;
    }
    .train_models_list5{
        margin-top: 10px;
    }
    .compatible_wrap{
            background-size: 120% 100%;
    }
    .compatible h3{
        
        font-size: 20px !important;
        line-height: 1.5;
        width: 75%;
        margin: 10px auto;
    }
    


}


@media (max-width: 700px) {
    .tra_item_item1 img{
        width: 100%;
    }
    .ai_slogan{
        height: auto;
    }
    .ai_slogan_c{
        padding: 20px;
        height: auto;
    }
    .sl_content{

    }
    .sl_content{
        display: flex;
        flex-direction: column;
    }
    h1{
        font-size: 32px !important;
    }
    h2, h3{
        font-size: 25px !important;
    }
    .ai_slogan .sl_content h1, .ai_slogan .sl_content h2{
        width: 100%;
        line-height: 42px;
    }
    .ai_slogan .sl_content h2::after{
        content:inherit;
    }
    .intro_models_wrap{
        margin:30px auto;
        height: auto;
    }
    .intro_cont{
        padding:30px 10px 10px;
    }
    .intro_ct_item_left{
        width: 100%;
    }
    .intro_ct_item_right{
        width: 100%;
        height: 260px;
    }
    .intro_ct_item_right02, .intro_ct_item_right03{
        margin-top: 20px;
        width: 100%;
    }
    .intro_ct_item{
        display: flex;
        flex-direction: column;
    }
    .ai_slogan .sl_content ul{
        gap: 5px;
    }
    .ai_slogan .sl_content .sl_content_pic{
        width: 100%;
        height: auto;
    }
    .train_models_list1{
        margin-top: 20px;
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    .tra_item_item1{
        width: 100%;
        height: auto;

    }
    .tra_item_item2{
        width: 100%;
        height: auto;
    }
    .tra_item_item2.tra_item_item3{
        width: 100%;
        height: auto;

    }
    .tra_item_item1.tra_item_item4{
        width: 100%;
        height: auto;

    }
    .tra_item_item1 .tra_md_pic, .tra_item_item2 .tra_md_pic{
        width: 100%;
        height: auto;
    }
    .train_models_c{
        margin: 20px 0;
    }
    .feature_wrap{
        margin: 0 auto;
        padding: 10px;

    }
    .fet_item{
        display: flex;
        flex-direction: column;
        gap: 30px;
    }
    .fet_item_desc, .fet_item_pic{
        margin: 0 !important;
        width: 100% !important;

    }
    .fet_item1 .fet_item_pic{
        margin: 0;
        width: 100%;
    }
    .tra_compatible{
        height: auto;
    }
    .tra_compatible_title{
        padding: 20px 0;
    }
    .explore_ourtxt{
        padding: 10px;
    }
    .explore_our_item{
        padding: 10px;
    }
    .expl_oitm_txt{
        height: 76px;
    }
    .expl_oitm_li span{
        font-size: 14px;
    }
    .explore_our_product{
        margin: 50px auto;
    }
    .train_models_c{
        padding: 10px;
    }
    .train_models_list2, .train_models_list3, .train_models_list4, .train_models_list5{
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .tra_item_item3, .tra_item_item4, .tra_item_item5, .tra_item_item6, .tra_item_item7{
        width: 100%;
    }
    .train_models_list5{
        margin-top: 10px;
    }
    .compatible_wrap{
        height: auto;
        padding: 30px 0;
    }
    .compatible h2{
        font-size: 25px !important;
    }
    .compatible h3{
        padding: 10px;
        font-size: 16px !important;
        line-height: 1.5;
    }
    
    .unlimited_api_wrap{
        padding: 10px;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    .unlmd_api_left, .unlmd_api_left_txt{
        width: 100%;
    }
    .unlmd_api_right{
        width: 100%;
    }
    .choose_ipwo{
        padding: 10px;
    }
    .unlim_buy_b_txt{
        /* line-height: 1.5; */
        height: auto;
    }
    
    #VUE_APP{
        overflow: hidden;
    }

    



}

























