/*reset*/
/*a:hover{text-decoration: underline;color: #004c98;}*/

/*main css*/
.main-im{ position:fixed; right: 10px; top:300px; z-index: 100; width: auto; height: auto; }
.main-im .qq-a { display: block; width: 106px; height: 116px; font-size: 14px; color: #0484cd; text-align: center; position: relative; }
.main-im .qq-a span { bottom: 5px; position: absolute; width: 90px; left: 10px; }
.main-im .qq-hover-c { width: 70px; height: 70px; border-radius: 35px; position: absolute; left: 18px; top: 10px; overflow: hidden; z-index: 9; }
.main-im .qq-container { z-index: 99; position: absolute; width: 109px; height: 118px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #dddddd; background: url(../images/qq-icon-bg.png) no-repeat center 8px; }
.main-im .img-qq {max-width: 60px; display: block; position: absolute; left: 6px; top: 3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.main-im .im-qq:hover .img-qq{ max-width: 70px; left: 1px; top: 8px; position: absolute; }
.main-im .im_main {background: #F9FAFB; border: 1px solid #dddddd; border-radius: 10px; background: #F9FAFB;display:none;}
.main-im .im_main .im-tel { color: #000000; text-align: center; width: 109px; border-bottom: 1px solid #dddddd; padding: 10px 0;}
.main-im .im_main .im-tel div{font-weight:bold;font-size: 12px;}
.main-im .im_main .im-tel .tel-num { font-family: Arial; font-weight: bold; color: #e66d15;}
.main-im .im_main .im-tel:hover { background: #fafafa; }
.main-im .im_main .weixing-container {width: 55px; height: 47px; border-right: 1px solid #dddddd; background: #f5f5f5; border-bottom-left-radius: 10px; background: url(../images/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show {
    width: 120px; 
    background: #ffffff; 
    border-radius: 10px; 
    border: 1px solid #dddddd; 
    position: absolute; 
    left: -125px; 
    top: -100px;
    padding: 10px 0;
    display: none;
    z-index: 101;
}
.main-im .im_main .qrcode-item {

    text-align: center;
}
.main-im .im_main .qrcode-item:last-child {
    margin-bottom: 0;
}
.main-im .im_main .weixing-show .weixing-ma {
    width: 104px; 
    height: 103px; 

}
.main-im .im_main .weixing-show .weixing-txt {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    margin: 0 auto; 
    text-align:center;
    padding-bottom: 5px;
}
.main-im .im_main .weixing-show .weixing-sanjiao {
    width:0; 
    height: 0; 
    border-style: solid; 
    border-color: transparent transparent transparent #ffffff; 
    border-width: 6px; 
    left: 112px; 
    top: 200px; 
    position: absolute; 
    z-index: 2;
}
.main-im .im_main .weixing-show .weixing-sanjiao-big {
    width: 0; 
    height: 0; 
    border-style: solid; 
    border-color: transparent transparent transparent #dddddd; 
    border-width: 8px; 
    left: 112px; 
    top: 198px; 
    position: absolute;
}
.main-im .im_main .go-top { width: 50px; height: 47px; background: #f5f5f5; border-bottom-right-radius: 10px; background: url(../images/toTop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a { display: block; width: 52px; height: 47px; }
.main-im .close-im { position: absolute; right: 10px; top: -12px; z-index: 100; width: 24px; height: 24px; }
.main-im .close-im a { display: block; width: 24px; height: 24px; background: url(../images/close_im.png) no-repeat left top;text-decoration: none; }
.main-im .close-im a:hover { text-decoration: none; }
.main-im .open-im { cursor: pointer;  width: 40px; height: 133px; background: url(../images/open_im.png) no-repeat left top; }



/* 电话号码按钮样式 */
.main-im .im_main .tel-btn {
    display: inline-block;
   
    padding: 5px 5px;
    margin: 5px auto;

    font-weight: bold;
    color: #fff;
    background-color: #e66d15;
    border-radius: 4px;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s;
    cursor: pointer;
}

.main-im .im_main .tel-btn:hover {
    background-color: #f58220;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    text-decoration: none;
}

.main-im .im_main .tel-btn:active {
    background-color: #d45a0a;
    transform: translateY(1px);
}

/* 微信按钮图标 */
.main-im .im_main .tel-btn.wechat-btn {
    position: relative;
    color: #07c160;
    background-color: white;
    border: 2px solid #07c160;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
}

.main-im .im_main .tel-btn.wechat-btn::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: url(/static/images/wechat.png) no-repeat center center;
    background-size: contain;
    flex-shrink: 0;
}

.main-im .im_main .tel-btn.wechat-btn:hover {
    background-color: #f0fff0;
}


/* 只显示文本，不要图标 */
.wechat-text {
    display: block;
    color: #07c160;
    background-color: white;
    border: 2px solid #07c160;
    border-radius: 4px;
    padding: 6px 0px;
    margin-top: 5px;
    width: 100%; /* 占满父元素宽度 */
    box-sizing: border-box; /* 包括边框和内边距在宽度内 */
    font-size: 14px; /* 字体小一点 */
    white-space: nowrap; /* 不换行 */
    overflow: hidden; /* 超出隐藏 */
    text-overflow: ellipsis; /* 显示省略号 */
    text-align: center;
    line-height: 1.4;
    cursor: default;
	    font-weight: bold;
}