﻿body{ min-width: 1200px; background: #fff;}
.w{ width: 1200px; margin: 0 auto;}

.tfy-header .mt{ background: #f5f5f6; height: 36px; line-height: 36px; font-size: 12px; color: #8f9aa8;}
.tfy-header .mt a{ color: #8f9aa8;}
.tfy-header .mt img{ vertical-align: -4px; margin-right: 6px;}
.tfy-header .mt .fr dd{ float: right; position: relative; padding: 0 10px;}
.tfy-header .mt .fr dt{ float: right; width: 10px;}
.tfy-header .mt .fr dd ul{ width: 100%; position: absolute; top: 36px; left: 0; box-shadow: 2px 2px 0 0 rgba(0,0,0,.1); border-top: 0; background: #fff; display: none; z-index: 12;}
.tfy-header .mt .fr dd:hover ul{ display: block;}
.tfy-header .mt .fr .tfy-erweima ul{ width: 172px; height: 192px;}
.tfy-header .mt .fr dd li{ text-align: center;}
.tfy-header .mt .fr dd li a{ font-size: 12px; line-height: 30px; display: block;}
.tfy-header .mt .fr dd li a:hover{ color: #ff5c00;}
.tfy-header .mt .fr dd li p{ font-size: 14px; text-align: center; color: #333;}
.tfy-header .mt .fr dd li .tfy-img{ width: 150px; height: 150px; margin: 0 auto;}
.tfy-header .mt .fr dd li .tfy-img img{ width: 100%; height: 100%;}

.tfy-mc{ width:100%;height: 120px;background:#ffffff;margin: 0 auto;z-index:99;}
.head-fixed-top{position: fixed;top: 0;left: 0;box-shadow: 0px 0px 4px 0px #ccc;border-bottom: solid 1px #e8e8e8;}
.tfy-mc .tfy-logo{ float: left;width:330px;margin-top:26px;}
.tfy-mc .tfy-logo img{ max-width:330px;max-height: 86px;}
.tfy-mc .tfy-search{ float: left;margin-left:20px;}
.tfy-mc .tfy-search .tfy-t{ margin-top: 14px; overflow: hidden; margin-bottom: 10px;}
.tfy-mc .tfy-search .tfy-t li{ float: left; font-size: 14px; color: #8f9aa8; line-height: 32px; position: relative; cursor: pointer; margin-right: 40px;}
.tfy-mc .tfy-search .tfy-t li.active{ font-weight: bold; color: #333333;}
.tfy-mc .tfy-search .tfy-t li.active:after{ position: absolute; content: ""; bottom: 0; left: 0; width: 100%; height: 2px; background: #ff5b6a;}
.tfy-mc .tfy-search .tfy-b{ position: relative;}
.tfy-mc .tfy-search .tfy-b .search{ float: left; width: 410px; height: 38px; border: 1px solid #f0f0f0; background: #fafafa; border-radius: 4px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: 0; padding: 0 20px; font-size: 14px;}
.tfy-mc .tfy-search .tfy-b .button{ float: left; width: 80px; height: 40px; border: 0; cursor: pointer; background: url(../image/img1.png);}
.tfy-searchbox{ position: absolute; top: 40px; left: 0; z-index: 12; background: #fff; width: 410px; padding: 20px; box-shadow: 0 3px 4px 0 rgba(0,0,0,.3); display: none;}
.tfy-searchbox dt{ font-size: 12px; color: #ff5c00; margin-bottom: 10px;}
.tfy-searchbox dd{ overflow: hidden; font-size: 14px; line-height: 28px;padding:2px;}
.tfy-searchbox dd:hover{background:#EEE;cursor:pointer}
.tfy-searchbox dd span{ float: left; color: #333333; margin-right: 15px;}
.tfy-searchbox dd em{ float: left; color: #808080;}
.tfy-searchbox dd i{ float: right; color: #808080;}
.tfy-mc .tfy-btn{ float: right; margin-top: 40px; overflow: hidden;}
.tfy-mc .tfy-btn a{ display: block; width: 98px; padding-left: 18px; height: 42px; float: left; margin-left: 20px; font-size: 12px; line-height: 42px; font-weight: bold; text-align: center;}
.tfy-mc .tfy-btn .tfy-map{ background: url(../image/img2.png); color: #ff5c00;}
.tfy-mc .tfy-btn .tfy-new{ background: url(../image/img3.png); color: #fff;}

.tfy-mb{ height: 50px; background: #ff3b4b;}
.tfy-mb .w{overflow: hidden;}
.tfy-mb .slide li{ width: 9%; float: left; text-align: center;}
.tfy-mb .slide li h3{ font-size: 16px; color: #fff; cursor: pointer; line-height: 50px;}
.tfy-mb .slide li h3 a{color: #fff;}
.tfy-mb .slide li.active h3{ background: #fa1d30;}
.tfy-mb .slide dl{ background: #ffffff; display: none; position: relative; z-index: 10;}
.tfy-mb .slide dd a{ display: block; line-height: 30px; font-size: 14px; color: #333;}
.tfy-mb .slide dd a:hover{ background: #f7f7f7; color: #ff5c00;}

.tfy-line{ width: 100%; height: 16px; background: url(../image/img35.png) no-repeat center top; margin: 40px 0 20px 0;}
.tfy-footer {margin-top: 20px;margin-bottom:20px;}
.tfy-footer p {line-height: 34px;text-align: center;font-size: 14px;color: #666;}
.tfy-footer img {vertical-align:middle;}
.tfy-footer a {color: #666;}
.tfy-footer a:hover {color: #f60;text-decoration: underline;}
.tfy-footer .pice {margin:0 14px;color: #ddd;}


.tfy-tui{ text-align: center; margin: 20px 0;}
.tfy-tui .box{ display: inline-block; position: relative;}
.tfy-tui .box:after{ content: ""; position: absolute; left: -295px; top: 31px; width: 260px; height: 1px; background: #d9d9d9;}
.tfy-tui .box:before{ content: ""; position: absolute; right: -295px; top: 31px; width: 260px; height: 1px; background: #d9d9d9;}
.tfy-tui h2{ font-size: 26px; color: #333333; font-weight: bold;}
.tfy-tui p{ font-size: 16px; color: #d0dee7; font-weight: bold; text-transform: uppercase;}
.tfy-fixed {
    position: fixed;
    z-index: 13;
    top: 50%;
    right: 0;
    margin-top: -50px;
    transform: translateY(-40%);
}
.tfy-fixed dd{ margin-bottom: 4px; width: 60px; height: 60px; transition: 0.5s all; background: #6478a6; border-top-left-radius: 3px; border-bottom-left-radius: 3px; text-align: center;}
.tfy-fixed dd:hover{background:#ff5c00;}
.tfy-fixed dd a{ display: block; height: 60px; overflow: hidden;}
.tfy-fixed dd .tfy-img{ width: 24px; height: 24px; margin: 10px auto 0 auto;}
.tfy-fixed dd .tfy-tit{ font-size: 14px; color: #fff;}
.tfy-fixed dd ul{ width:172px; position: absolute;right: 66px;display: none; z-index: 12;top:15%;padding: 24px 24px 20px;background-color: #ffffff;box-shadow: 0px 2px 4px 0px #ccc;border: solid 1px #e8e8e8;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.tfy-fixed dd:hover ul{ display: block;}
.tfy-fixed .tfy-erweima ul{ width: 172px; height: 182px;}
.tfy-fixed dd li{ text-align: center;width: 172px;background:#fff;}
.tfy-fixed dd li a{ font-size: 12px; line-height: 30px; display: block;}
.tfy-fixed dd li p{ font-size: 14px; text-align: center; color: #333;line-height:26px;}
.tfy-fixed dd li .tfy-img{ width: 150px; height: 150px; margin: 0 auto; padding-bottom:5px;}
.tfy-fixed dd li .tfy-img img{ width: 100%; height: 100%;}

/* 右侧聊天好友列表样式 */
.tfy-fixed .chat {
    position: relative;
}

.tfy-fixed .chat .spot {
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #f00;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    right: 10px;
    animation: blink 0.8s infinite;
    -webkit-animation: blink 0.8s infinite;
}
.tfy-fixed .spot_green {
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #0AD487;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    right: 10px;
    /* animation: blink 0.8s infinite; */
    /* -webkit-animation: blink 0.8s infinite; */
}
.tfy-fixed .spot_green.hide {
    display: none;
}

.tfy-fixed .spot.hide {
    display: none;
}

@keyframes blink {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 100;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes blink {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 100;
    }

    100% {
        opacity: 0;
    }
}

.tfy-fixed .chat .chat_list {
    right: 60px;
    top: 0;
    padding-right: 6px;
    position: absolute;
    /* display: block; */
}

.tfy-fixed .chat .chat_list ul {
    position: static;
    padding: 5px;
    width: 230px;
    display: block;
    max-height: 400px;
    overflow-x: hidden;
}

.tfy-fixed .chat .chat_list ul::-webkit-scrollbar {
    display: none;
}

.tfy-fixed dd .chat_list {
    display: none;
}

.tfy-fixed dd:hover .chat_list {
    display: block;
}

.tfy-fixed .chat .friend {
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
    padding: 5px;
    border-bottom: 1px solid #f3f3f3;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    position: relative;
}

.tfy-fixed .chat .friend:hover {
    background: #fff8f8;
}

.tfy-fixed .chat .friend .uncount {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    min-width: 16px;
    padding: 0 5px;
    box-sizing: border-box;
    border-radius: 9px;
    background-color: #f00;
    color: #fff;
    font-size: 12px;
    text-align: center;
    position: absolute;
    top: 15px;
    right: 15px;
}

.tfy-fixed .chat .friend img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    overflow: hidden;
    float: left;
    margin-top: 6px;
    margin-right: 10px;
}

.tfy-fixed .chat .friend .info .nickname {
    text-align: left;
    font-size: 15px;
}

.tfy-fixed .chat .friend .info .message {
    height: 26px;
    text-align: left;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #666;
}



 .site_name {
     font-size: 16px;
     font-weight: 800;
     color: #000;

 }

 .site_info {
     background: #0AD487;
     color: #fff;
     padding: 2px 5px;
     margin-left: 5px;
 }
.tfy-fixed dd  .kefu_info_con {
    top: -130px;
    right:60px;
    padding-right: 6px;
    position: absolute;

}
 .tfy-fixed dd .kefu_info {
     width: 245px;
     padding: 24px 15px 20px;
     top: -130px;
     right: 64px;
    position: static;
    overflow-x: hidden;
 }

 .tfy-fixed dd .kefu_info li {
     width: 100%;
     text-align: left;
 }

 .tfy-fixed dd .kefu_info li p {
     text-align: left;
 }

 .tfy-fixed dd .kefu_info li .kefu_tel {
     color: #FF6D86;
     font-weight: 800;
     font-size: 20px;
     padding: 10px 0;
 }

 .right_zixunshi {
     margin-top: 15px;
 }

 .site_info_box {
     border-bottom: 1px solid #EAEAEA;
     padding: 5px 0 15px;
 }

 .refresh {
     font-size: 12px;
 }

 .zxs_title {
     text-align: left;
 }

 .zixunshi_desc {
     text-align: left;
 }

 .zixunshi_desc span {
     font-size: 12px;
 }

 .zixunshis {
     margin-top: 10px;
 }

 .zixunshis_con {
     /* margin-top: 5px; */
     overflow: hidden;
     margin-bottom: 15px;
 }

 .zixunshis_con_img {
     width: 40px;
     height: 40px;
     overflow: hidden;
     border-radius: 100%;
     margin-right: 8px;
     margin-top: 5px;

 }

 .zixunshis_con_img img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .zixunshis_con_mid {
     /* padding: 5px 0; */
 }

 .zixunshis_con_name {
     font-size: 14px;
     font-weight: 800;
     color: #000;
 }

 .zixunshis_con_info {
     color: #4CB5E2;
     background: #EFF5F6;
     font-size: 13px;
     padding: 2px 5px;
 }

 .zixunshis_con_desc {
     width: 135px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     font-size: 14px;
     margin-top: 5px;
 }

 .zixunshis_con_ask {
     font-size: 12px;
     margin-top: 18px;
     color: #4CB5E2;
     padding: 3px 8px;
     border: 1px solid #4CB5E2;
     border-radius: 20px;
 }
 .im_adv {
     position: relative;
 }
/* end右侧聊天好友列表样式结束 */

.no_build_right .infoList .nowrap {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
}