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-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;}
.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;  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(../images/img2.png); color: #ff5c00;}
.tfy-mc .tfy-btn .tfy-new{ background: url(../images/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(../images/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;}
.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.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: initial;
    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;
}
/* end右侧聊天好友列表样式结束 */