html{color:#333;background:#fff; background-image:url('/static/images/bg.jpg'); background-repeat: repeat-x; -webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}body,button,input,select,textarea{font:9pt/1.5 "\5FAE\8F6F\96C5\9ED1",Microsoft Yahei,Hiragino Sans GB,tahoma,arial,\\5B8B\4F53;-webkit-font-smoothing:antialiased;;}input,select,textarea{font-size:100%}table{border-collapse:collapse;border-spacing:0}th{text-align:inherit}fieldset,img{border:0}iframe{display:block}abbr,acronym{border:0;font-variant:normal}del{text-decoration:line-through}i{font-style:normal}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500;color:#000}a{text-decoration:none;}.y-right{float:right}.y-clear:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}.y-clear{zoom:1}.show-body{width:9rem;height: auto;margin:20px auto;border:1px solid #dcdcdc;color:#333;font-size:1em}.show-body .show-title{margin:0 15px;padding:15px 0;border-bottom:1px solid #dcdcdc}.show-body .show-title .domain{font-size:35px;padding-bottom:8px}.show-body .show-contact{padding:20px 15px 20px 15px}.show-body .show-contact h4{font-weight:700;font-size:9pt;padding-bottom:10px}.show-body .show-contact table td{padding:2px 0;font-size:9pt}.show-contact table td img{width: 365px;text-align: center;padding-left: 30px}.show-body .btn{font-size:9pt;display:inline-block;padding:8px 1pc;text-decoration:none;line-height:14px}.show-body .btn{color:#fff;background-color:#09c;border:1px solid #09c}.show-body .btn:active{box-shadow:inset 0 1px 2px rgba(0,0,0,.125)}.show-body .btn:focus{color:#fff;border:1px solid #09c;background-color:#09c;outline:0}.show-body .btn:hover{color:#fff;border:1px solid #28b5d6;background-color:#28b5d6}.ads{padding:8px}.ads img{}.j_template_1{background:url('/static/images/bg.png') top right no-repeat}.j_template_1 .y-dname{float:left}/.j_template_2 .y-dname{float:left}.j_template_3{background:url('/static/images/bg3.png') top right no-repeat}.j_template_4{background:url('/static/images/bg4.png') top right no-repeat}.j_template_5{background:url('/static/images/bg5.png') top right no-repeat}.tip img{height:30px;font-size: 1em;vertical-align: middle;line-height: 22px;}
.qqmsg{
    height:60px;
    padding-top: 15px;
    font-size: 2em;
    white-space: normal;word-break : break-word ;
}

.utable{
    width: 100%;
    min-height: 50px;
    overflow: visible;
}
.utable .uright{
    width: 100%;
    min-height: 50px;
    padding-top: 5px;
    vertical-align: middle;
    white-space: normal;word-break : break-word;
    overflow: visible;
}
.utable .uright .icon img{
    width: 30px;
    height: 30px;
    padding-left: 5px;
    padding-right: 5px;
    border: 0;
}
@media screen and (min-width:1199px){
    .show-body{width:1000px;}
}
@media (max-width:390px){
    .utable .uright td{
        font-size: 0.8em;
        padding: 1px;
        white-space: normal;word-break : break-word;
    }
    .utable .uright .icon img{
        width: 15px;
        height: 15px;
        padding-left: 1px;
        padding-right: 1px;
        border: 0;
    }
    .qqmsg{
        height:60px;
        padding-top: 25px;
        font-size: 1.5em;
    }
    .show-contact{padding:0px;}
}

/* Common Popup Styles - 通用弹出框样式 */
.popup-qrcode {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    background: #fff;
    padding: 8px;
    border: 1px solid #e0e0e0;
    box-shadow: 0 4px 16px rgba(0,0,0,0.15);
    border-radius: 6px;
    margin-top: 10px;
    /* 防止闪烁 */
    pointer-events: auto;
}
.popup-qrcode img {
    width: 120px !important;
    height: 120px !important;
    display: block !important;
    padding: 0 !important;
    border: none !important;
}
/* 小箭头 */
.popup-qrcode::before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -8px;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
    filter: drop-shadow(0 -2px 2px rgba(0,0,0,0.05));
}

/* PC端 Hover 触发 */
.contact-item {
    position: relative;
    cursor: pointer;
}
.contact-item:hover .popup-qrcode {
    display: block;
}
/* 让图标hover也能触发相邻文字的popup */
.icon-trigger:hover + .contact-item .popup-qrcode {
    display: block;
}

/* 保持向后兼容旧类名 */
.tg-popup, .wx-popup {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    background: #fff;
    padding: 8px;
    border: 1px solid #e0e0e0;
    box-shadow: 0 4px 16px rgba(0,0,0,0.15);
    border-radius: 6px;
    margin-top: 10px;
}
.tg-popup img, .wx-popup img {
    width: 120px !important;
    height: 120px !important;
    display: block !important;
    padding: 0 !important;
    border: none !important;
}
.tg-popup::before, .wx-popup::before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -8px;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
}
#tg:hover .tg-popup,
#weixin:hover .wx-popup,
.icon-tg:hover .tg-popup,
.icon-wx:hover .wx-popup {
    display: block;
}

/* Mobile Adaptation for Contact Table */
@media screen and (max-width: 768px) {
    .utable, .utable .uright {
        height: auto !important;
        overflow: visible !important;
    }
    .utable table, 
    .utable tbody, 
    .utable tr {
        display: block;
        width: 100%;
    }
    .utable tr {
        text-align: left;
        padding-bottom: 10px;
    }
    .utable td {
        display: inline-block;
        vertical-align: middle;
        float: none;
    }
    /* Hide spacers on mobile */
    .utable td[width="10"] {
        display: none;
    }
    
    /* 移动端popup位置优化 */
    .popup-qrcode,
    .tg-popup,
    .wx-popup {
        /* 移动端居中显示，防止超出屏幕 */
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin-top: 0;
    }
    .popup-qrcode::before,
    .tg-popup::before,
    .wx-popup::before {
        display: none; /* 移动端隐藏箭头 */
    }
    
    /* 移动端点击显示(需配合JS) */
    .popup-qrcode.show,
    .tg-popup.show,
    .wx-popup.show {
        display: block;
    }
}

/* 小屏幕适配 */
@media screen and (max-width: 480px) {
    .popup-qrcode img,
    .tg-popup img,
    .wx-popup img {
        width: 150px !important;
        height: 150px !important;
    }
}