@charset "utf-8";

#support{background-color: #1ea0fa;border-radius: 6px;padding: 10px 14px 11px 14px;_padding:12px 14px 9px 14px;color:#fff;position: relative;z-index:9;}
#support{background:url(../img/nav_02.jpg) no-repeat\9}/****01=2字****02=4字****/

.contents{padding:20px 0 0 0; width:950px; margin:0 auto;}
.text-normal, .tip{text-align: left; padding-left: 15px; line-height:24px; font-size:14px; width:920px;}
.text-normal{color:#313335; padding-top:13px; +padding-top:12px;_padding-top:9px;  margin-bottom:-2px;+margin-bottom:-2px;_margin-bottom:-3px;}
.tip{color:#646668;}
.conbox{text-align: center; padding: 20px 0; border: 1px solid #dbdddf; border-radius:4px; background-color:#fff; display:inline-block; vertical-align:top; }
.conbox{*display:inline;}
.con-full{width: 918px; margin: 20px 15px 40px;}
.con-half{width: 443px; height: 215px; margin: 20px 15px 40px; float: left;}
#pmpm{background:url(../img/conimg_m.jpg) no-repeat;}
.conico{margin:10px auto;}
.name{text-align:center; color:#1ea0fa; font-size:20px; line-height:40px;}
.button{margin:10px auto;}
.mail{font-size:16px; color:#313335; margin-left:18px; margin-top:19px; text-align:center;}
.notecen, .noteleft{font-size:14px; color:#646668;}
.notecen{line-height:24px; text-align:center; /*.line-height:20px; .margin-top: -7px; */}
.noteleft{line-height:24px; text-align:left; margin-left:26px; margin-top:16px}

.hr{margin-bottom:39px; *margin-bottom: 29px;}

/* 客服按钮 by sure251017 */

/* 说明：腾讯ie10及以下不支持qq，ie9及以下不支持wx，所以ie9及以下显示图片btn，点击提示升级浏览器 */
.customer-service {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
}

.button-group {
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.main-button, .bbs-button, .side-button {
    background: #1EA0FA;
    background: -moz-linear-gradient(top, #45bbf9 0%, #1EA0FA 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45bbf9), color-stop(100%,#1EA0FA));
    background: -webkit-linear-gradient(top, #45bbf9 0%,#1EA0FA 100%);
    background: -o-linear-gradient(top, #45bbf9 0%,#1EA0FA 100%);
    background: -ms-linear-gradient(top, #45bbf9 0%,#1EA0FA 100%);
    background: linear-gradient(to bottom, #45bbf9 0%,#1EA0FA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45bbf9', endColorstr='#1EA0FA',GradientType=0 );
    color: white;
    border: none;
    font-size: 16px;
    line-height: 42px;
    font-weight: bold;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: relative;
    z-index: 2;
}

.main-button, .bbs-button {
    width: 142px;
    height: 42px;
}

.bbs-button {
    border-radius: 4px;
}

.main-button {
    border-radius: 4px 0 0 4px;
}

.main-button i {
    font-size: 18px;
}

.fab {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 8px;
    width: 24px;
    height: 24px;
}

/* 微信图标 - 修复IE10显示问题 */
.fa-weixin {
    background-image: url(../img/extra/weiXin.png); /* 优先使用普通版本 */
    background-image: -webkit-image-set(
        url(../img/extra/weiXin.png) 1x,
        url(../img/extra/weiXin@2x.png) 2x
    );
    background-image: image-set(
        url(../img/extra/weiXin.png) 1x,
        url(../img/extra/weiXin@2x.png) 2x
    );
}

/* QQ图标 - 修复IE10显示问题 */
.fa-qq {
    background-image: url(../img/extra/QQ.png); /* 优先使用普通版本 */
    background-image: -webkit-image-set(
        url(../img/extra/QQ.png) 1x,
        url(../img/extra/QQ@2x.png) 2x
    );
    background-image: image-set(
        url(../img/extra/QQ.png) 1x,
        url(../img/extra/QQ@2x.png) 2x
    );
}

.fas {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
}

.fa-ellipsis-v {
    background-image: url(../img/icon_triangle.png);
}

.icon-dialogue {
    background-image: url(../img/icon_dialogue.png);
    margin-right: 10px;
}

.side-button {
    width: 24px;
    height: 42px;
    border-radius: 0 4px 4px 0;
    margin-left: 2px;
}

.dropdown {
    position: absolute;
    top: 42px;
    right: 0;
    width: 168px;
    height: 42px;
    background: white;
    border-radius: 4px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
    border: 1px solid #dbdddf;
    opacity: 0;
    visibility: hidden;
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 1;
    overflow: hidden;
}

.dropdown.active {
    opacity: 1;
    visibility: visible;
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.dropdown-item {
    padding: 12px 24px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    color: #333;
    text-decoration: none;
    -ms-transition: background 0.2s;
    transition: background 0.2s;
    border-bottom: 1px solid #f1f1f1;
}

.dropdown-item:last-child {
    border-bottom: none;
}

.dropdown-item:hover {
    background: #f0f8ff;
}

/* IE10 特定修复 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles */
    .fa-weixin {
        background-image: url(../img/extra/weiXin.png) !important;
        /* 移除可能影响显示的filter */
        filter: none !important;
        -ms-filter: none !important;
    }
    
    .fa-qq {
        background-image: url(../img/extra/QQ.png) !important;
        filter: none !important;
        -ms-filter: none !important;
    }
    
    .fa-ellipsis-v {
        background-image: url(../img/icon_triangle.png) !important;
    }
    
    .icon-dialogue {
        background-image: url(../img/icon_dialogue.png) !important;
    }
    
    /* 确保背景图片正确加载 */
    .fab, .fas {
        background-size: contain !important;
        -ms-background-size: contain !important;
    }
}

/* 额外的兼容性处理 */
/* 为不支持背景尺寸的浏览器提供备用方案 */
.fa-weixin, .fa-qq, .fa-ellipsis-v, .icon-dialogue {
    /* 确保图片容器有明确的尺寸 */
    display: inline-block;
    vertical-align: middle;
}

/* 如果仍然不显示，尝试使用base64编码图片 */
/* 对于小图标，可以考虑直接嵌入base64 */