/* 750px 标准 */
html {
    /* font-size: 75px; */
    /* font-size: 16px; */
  }
*{
    padding: 0;
    margin: 0;
}
body * {
    box-sizing: border-box;
    flex-shrink: 0;
  }
  body {
    font-family: Microsoft YaHei, PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
      Arial, PingFang SC-Light;
  }

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

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

.align-center {
    align-items: center;
}

/* 顶部导航 */
.top_nav_panel,.top_nav_panel3{
    width: 100%;
    max-width: 100%;
    position:absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: row;
    z-index: 999;
}

.top_nav_panel2{
    width: 1920px;
    max-width: 100%;
    margin: 0 auto;
    position:unset;
    display: flex;
    flex-direction: row;
    z-index: 999;
    background: #000;
}

.top_nav{
    height: 104px;
    width: 1200px;
    max-width: 100%;
    display: flex;
    flex-direction: row;
    /* justify-content: center; */
    margin: 0 auto;
    justify-content: space-between;
    align-items:center;
}

.top_nav_menu{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: relative;

    height: 100%;
}

.top_nav_logo_ycg{
    background: url(../img/logo.png) no-repeat left;
    background-size: auto 100%;
    width: 181px;
    height: 32px;
}
.top_nav_logo_coa{
    background: url(../img/logo_coa.png) no-repeat left;
    background-size:  auto 100%;
    width: 181px;
    height: 32px;
}
.top_nav_logo_yplus{
    background: url(../img/logo_yplus.png) no-repeat left;
    background-size: auto 100%;
    width: 181px;
    height: 32px;
}
.top_nav_logo a{
    display: flex;
    width: 100%;
    height: 100%;
}
.top_nav_menu .top_nav_div{
    padding: 0 40px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.top_nav_menu .top_nav_div a{
    color: #FFFFFF;
    text-decoration: none;
    font-size: 22px;

}
.top_nav_menu .top_nav_div a:hover,.top_nav_menu .top_nav_div a.active{
    color: #FF7F0F;
}
.top_nav_download{
    width: 181px;
    height: 52px;
    background: #FF7F0F;
    border-radius: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    color: #fff;
    cursor: pointer;
}

/* 下拉 */
.top_nav_div:hover .top_nav_menu_xl{
    display:flex;
}
.top_nav_menu_xl{
    display: none;
    position: absolute;
    flex-direction: column;
    background: rgba(0,0,0,0.5);
    left: 0;
    width: 100%;
    top: 84px;
    z-index: 1000;
}
.top_nav_panel2 .top_nav_menu_xl{
    top: 104px;
    background: rgba(0,0,0,0.9);
}

.top_nav_panel3 .top_nav_menu_xl{
    background: rgba(255,255,255,0.2);
}

.top_nav_menu_li {
    width: 100%;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.top_nav_menu_li a{
    font-size: 16px !important;
}

/* 公用小头 */
.comm_panel{
    position: absolute;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.comm_title{
    font-weight: bold;
    font-size: 36px;
    color: #FFFFFF;
}
.comm_desc{
    font-size: 20px;
    color: #FFFFFF;
    margin-top: 40px;
}

/* 其他页共用头 */
.abc_title{
    width: 1920px;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 32px;
    line-height: 32px;
    font-weight: bold;
}

.abc_r{
    position: relative;
    padding-right: 20px;
    margin-right: 5px;
}
.abc_r::after{
    content: "R";
    width: 14px;
    height: 14px;
    overflow-wrap: break-word;
    color: #111111;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    position: absolute;
    top: -5px;
    right:0;
    border: 1px solid #111111;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.top30{
    margin-top: 30px;
}
.top100{
    margin-top: 100px;
}
.btm100{
    margin-bottom: 100px !important;
}
.top60{
    margin-top: 60px;
}
.btm60{
    margin-bottom: 60px !important;
}
.table {
    width: 1200px;
    margin: 0 auto;
}
.table table{
    background: #000;
    width: 100%;
}
.table td, .table th{background:#FFFFFF}
.table th{ height:100px;}
.table .td33{ width:33%;}
.table .td50{ width:50%;}
.table .tdcenter{ text-align: center;}
.table td{ height:100px; vertical-align: middle;}
.table .tdleft{text-align: left;}
.tdleft .tdp{margin: 0 126px;}
.table td .td_div {
    margin: 0 30px;
}
.table th .th_title2{
    margin:10px 20px;
    font-size: 14px;
    font-weight: normal;
}

.table .tdwidth{
    width: 40%;
}

/* yplus公用头 */

.yplus_comm_panel{
    position: absolute;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.yplus_comm_title_top{
    width: 1200px;
    font-family: PingFangSC, PingFang SC;
    font-size: 20px;
    color: #C6AF88;
    line-height: 28px;
    text-align: center;

}
.yplus_comm_title{
    font-family: PingFangSC, PingFang SC;
    font-weight: bold;
    font-size: 36px;
    color: #EAD1A5;
    text-align: center;
    text-transform: uppercase;
    margin-top: 30px;
}
.yplus_comm_desc{
    width: 1200px;
    font-size: 20px;
    color: #FFFFFF;
    margin-top: 60px;
    text-align: center;
}





/* 左侧导航 */
.left_nav{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    height: 100%;
    width: 60px;
    background: rgba(255,255,255,0.5);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.left_nav_menu{
    width: 60px;
    height: 60px;
    cursor: pointer;
    /* border: 1px solid #f00; */
    position: relative;
}

.left_nav_menu:hover::before,.left_nav_menu.active::before{
    content: " ";
    background: url(../img/left_nav_bg_l.png) no-repeat center;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.left_nav_menu:hover .left_nav_menu_text{
    display: flex;
    transform: translateX(60px);
    left: 0;
    visibility: visible; /* 显示元素 */
    opacity: 1; /* 完全不透明 */
    z-index: -1;
}



.left_nav_menu .left_nav_menu_text{
    display: hidden;
    width: 160px;
    height: 60px;
    position: absolute;
    /* left: -220px; */
    top: 0;
    background: url(../img/left_nav_bg_r.png) no-repeat center;
    background-size: 100% 100%;
    font-size: 20px;
    color: #fff;
    justify-content: center;
    align-items: center;

    opacity: 0; /* 隐藏时完全透明 */
    visibility: hidden; /* 隐藏元素并且避免遮挡 */

    transition: transform 0.5s ease; /* 使用 transform 避免重排 */
}

/* yplus */
.left_yplus_nav_menu .left_nav_menu_text{
    background: url(../img/yplus_left_nav_bg_r.png) no-repeat center;
    background-size: 100% 100%;
}
.left_yplus_nav_menu:hover::before,.left_yplus_nav_menu.active::before{
    background: url(../img/yplus_left_nav_bg_l.png) no-repeat center;
    background-size: 100% 100%;
}


/* coas */
.left_coa_nav_menu .left_nav_menu_text{
    background: url(../img/coa_left_nav_bg_r.png) no-repeat center;
    background-size: 100% 100%;
}

.left_coa_nav_menu:hover::before,.left_coa_nav_menu.active::before{
    background: url(../img/coa_left_nav_bg_l.png) no-repeat center;
    background-size: 100% 100%;
}



.left_nav_menu_1{
    background: url(../img/left_nav_1.png) no-repeat center;
    background-size: 29.87px 28.8px;
}
.left_nav_menu_1:hover,.left_nav_menu_1.active{
    background: url(../img/left_nav_1_s.png) no-repeat center;
    background-size: 29.87px 28.8px;
}

.left_nav_menu_2{
    background: url(../img/left_nav_2.png) no-repeat center;
    background-size: 28px 30.62px;
}
.left_nav_menu_2:hover,.left_nav_menu_2.active{
    background: url(../img/left_nav_2_s.png) no-repeat center;
    background-size: 28px 30.62px;
}
.left_nav_menu_3{
    background: url(../img/left_nav_3.png) no-repeat center;
    background-size: 32px 27.12px;
}
.left_nav_menu_3:hover,.left_nav_menu_3.active{
    background: url(../img/left_nav_3_s.png) no-repeat center;
    background-size: 32px 27.12px;
}
.left_nav_menu_4{
    background: url(../img/left_nav_4.png) no-repeat center;
    background-size: 32px 33.27px;
}
.left_nav_menu_4:hover,.left_nav_menu_4.active{
    background: url(../img/left_nav_4_s.png) no-repeat center;
    background-size: 32px 33.27px;
}
.left_nav_menu_5{
    background: url(../img/left_nav_5.png) no-repeat center;
    background-size: 32px 32px;
}
.left_nav_menu_5:hover,.left_nav_menu_5.active{
    background: url(../img/left_nav_5_s.png) no-repeat center;
    background-size: 32px 32px;
}


.left_nav_menu_50{
    background: url(../img/yplus_left_nav_1.png) no-repeat center;
    background-size: 36px 32px;
}
.left_nav_menu_50:hover,.left_nav_menu_50.active{
    background: url(../img/yplus_left_nav_1_s.png?t=1) no-repeat center;
    background-size: 36px 32px;
}

.left_nav_menu_51{
    background: url(../img/yplus_left_nav_2.png) no-repeat center;
    background-size: 36px 32px;
}
.left_nav_menu_51:hover,.left_nav_menu_51.active{
    background: url(../img/yplus_left_nav_2_s.png?t=1) no-repeat center;
    background-size: 36px 32px;
}
.left_nav_menu_52{
    background: url(../img/yplus_left_nav_3.png) no-repeat center;
    background-size: 36px 32px;
}
.left_nav_menu_52:hover,.left_nav_menu_52.active{
    background: url(../img/yplus_left_nav_3_s.png?t=1) no-repeat center;
    background-size: 36px 32px;
}
.left_nav_menu_53{
    background: url(../img/yplus_left_nav_4.png) no-repeat center;
    background-size: 36px 32px;
}
.left_nav_menu_53:hover,.left_nav_menu_53.active{
    background: url(../img/yplus_left_nav_4_s.png?t=1) no-repeat center;
    background-size: 36px 32px;
}



.left_nav_menu_70{
    background: url(../img/coa_left_nav_1.png) no-repeat center;
    background-size: 32px auto;
}
.left_nav_menu_70:hover,.left_nav_menu_70.active{
    background: url(../img/coa_left_nav_1_s.png?t=1) no-repeat center;
    background-size:32px auto;
}
.left_nav_menu_71{
    background: url(../img/coa_left_nav_2.png) no-repeat center;
    background-size: 32px auto;
}
.left_nav_menu_71:hover,.left_nav_menu_71.active{
    background: url(../img/coa_left_nav_2_s.png?t=1) no-repeat center;
    background-size: 32px auto;
}
.left_nav_menu_72{
    background: url(../img/coa_left_nav_3.png) no-repeat center;
    background-size: 32px auto;
}
.left_nav_menu_72:hover,.left_nav_menu_72.active{
    background: url(../img/coa_left_nav_3_s.png?t=1) no-repeat center;
    background-size: 32px auto;
}
.left_nav_menu_73{
    background: url(../img/coa_left_nav_4.png) no-repeat center;
    background-size: 32px auto;
}
.left_nav_menu_73:hover,.left_nav_menu_73.active{
    background: url(../img/coa_left_nav_4_s.png?t=1) no-repeat center;
    background-size: 32px auto;
}

.left_nav_menu_74{
    background: url(../img/coa_left_nav_5.png) no-repeat center;
    background-size: 32px auto;
}
.left_nav_menu_74:hover,.left_nav_menu_74.active{
    background: url(../img/coa_left_nav_5_s.png?t=1) no-repeat center;
    background-size: 32px auto;
}
/* 左侧导航 end */


/* 隐藏所有手机标签 */
.mobile,.mobile_menu{
    display: none;
}

/* 公用 */
.remark{
    width: 1200px;
    margin: 0 auto;
    margin-top: 30px;
    font-size: 16px;
    color:#999;
}

/* footer */
.footer{
    max-width: 100%;
    width: 25.6rem;
    margin: 0 auto;
    display: flex;
    background: #000;
    color: #999;
    height: 4.35rem;
}

.footer_panel{
    width: 16rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 auto;
    font-size: 0.21rem;
}

.footer_left{
    display: flex;
    flex-direction: column;
    width: 10.81rem;
    /* border: 1px solid #f00; */
    justify-content: center;

}
.footer_left div{
    margin-top: 0.27rem;
    /* font-size: 0.24rem; */
}

.footer_left_title{
    font-size: 0.26rem;
    margin-bottom: 0.13rem;
}
.footer_left_se{
    display: flex;
    flex-direction: row;
    width: 8.03rem;
    justify-content: space-between;
}

.footer_right{
    display: flex;
    width: 1.87rem;
    align-items: center;
}

.footer_right_content{
    width: 1.87rem;
    height: 1.87rem;
    background: url(../img/more_agent.png) no-repeat center;
    background-size: 100% 100%;
}