.top_header_vue
{
    width:100%;
    background-color: rgba(230,230,230,1);    
}

.top_header_fixed
{
    padding: 0 0 150px 0;
}

.top_header_vue .inner_1
{
    width:1200px;
    font-size: 12px;
    color:rgba(0,0,0,1);
    padding: 10px 0 10px 0;
}
.top_header_vue .inner_1 .ti1_left
{
 
}
.top_header_vue .inner_1 .ti1_left .ti1_left_d1 a
{
    text-decoration: none;
    color:rgba(80,80,80,1);
}

.top_header_vue .inner_1 .ti1_left .ti1_left_d2
{
    content:url("../../image/top/splitter.png");
    margin: 0 10px 0 10px;
}

.top_header_vue .inner_1 .ti1_left .ti1_left_d3
{
    content:url("../../image/top/trumpet.png");
    margin: 0 5px 0 0;    
}

.top_header_vue .inner_1 .ti1_left .ti1_left_d4
{
    
}

/* Swiper轮播样式 */
.top_header_vue .inner_advertisement
{
    width:100%;
}

.top_header_vue .inner_advertisement .advertisement_swiper
{
    width: 100%;
    height: auto;
}

.top_header_vue .inner_advertisement .advertisement_swiper .swiper-slide
{
    width: 100%;
}




.top_header_vue .inner_1 .ti1_right .ti1_right_d
{
    margin:0 0 0 20px;
}

.top_header_vue .inner_1 .ti1_right .ti1_right_d a
{
    text-decoration: none;
    color:rgba(80,80,80,1);
}









/* 弹窗菜单样式 */
.top_menu
{
    min-width: 80px!important;
    z-index: 10000!important;
}


.top_menu .user_popup_menu
{
    font-size: 12px;
    color: rgba(80,80,80,1);
}


.top_menu .user_popup_menu .row
{
    padding: 10px 15px;
    cursor: pointer;
    transition: background-color 0.3s;
    border-bottom: 1px solid rgba(240,240,240,1);
}

.top_menu .user_popup_menu .row:last-child
{
    border-bottom: none;
}

.top_menu .user_popup_menu .row:hover
{
    background-color: rgba(245,245,245,1);
}

/* 动画效果 */
.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active
{
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transform-origin: center top;
}

.el-zoom-in-top-enter,.el-zoom-in-top-leave-to
{
    opacity: 0;
    transform: scaleY(0);
}



.tia_image
{
    width: 100%;
    display: block;
}






#user_menu_trigger {
    position: relative;
}
#user_popup_menu 
{
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 0px;   /* original -20 offset */
    z-index: 1000;
    background-color: rgba(255,255,2555,1);
    padding: 10px;
    border-radius: 5px;
    line-height: 30px;
}


#user_popup_menu .row {
    cursor: pointer;
    padding: 0 10px;            /* optional – adjust spacing */
    border-radius: 3px;         /* optional – smooth corners */
    transition: background 0.2s;
}

#user_popup_menu .row:hover {
    background-color: #f0f0f0;  /* light grey – pick any color you like */
}

/* Make both triggers relative so the dropdowns are positioned correctly */
#user_menu_trigger,
#language_menu_trigger {
    position: relative;
}

/* Position the language dropdown exactly like the user dropdown */
#language_popup_menu 
{
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 0px;   /* original -20 offset */
    z-index: 1000;
    background-color: rgba(255,255,2555,1);
    padding: 10px;
    border-radius: 5px;
    line-height: 30px;
}


#language_popup_menu .row {
    cursor: pointer;
    padding: 0 10px;            /* optional – adjust spacing */
    border-radius: 3px;         /* optional – smooth corners */
    transition: background 0.2s;
}

#language_popup_menu .row:hover {
    background-color: #f0f0f0;  /* light grey – pick any color you like */
}

.top_header_hidden {
    display: none !important;   /* or use visibility/height if animation is preferred */
}