/*
 * Author: dengyang
 * LastTime: 2018-5-24 16:14:30
 * Description: 合并网站页面公共的所有css —— 顺序为：
                    reset.css  (重置部分标签的浏览器默认样式，定义网站所用字体font-family)
                    base.css   (预定义一些常用的class)
                    common.css (所有页面中公用的样式class/公共的网站广告样式/公共的顶部栏目导航/公共的顶部区域/公共的底部区域/公共的首页栏目：大家都在聊)
 * Contact: 
 */

/*
 * Author: dengyang
 * LastTime: 2018-5-24 16:14:30
 * Description: reset.css 重置部分标签的浏览器默认样式，定义网站所用字体font-family
 * Contact: 
 */

html,body{background-color: #fff;color: #000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,input,textarea,select,a,
pre,code,form,table,caption,tbody,tr,th,td,fieldset,legend,
header,section,aside,nav,article,footer,button,
blockquote,marquee,figure,figcaption,hgroup{margin: 0;padding: 0;outline: none;}
ul,ol,li,a{list-style: none;text-decoration: none;}
input,textarea{resize: none;}
table{border-collapse: collapse;border-spacing: 0;}
em{font-style: normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
img{border: 0;color: #000;}


@font-face{
    font-family: "syxh-bdfh-ch";
    src: url("../images2017/cssimg/fonts/syxh-bdfh-ch.eot");    /* IE9 */
    src: url("../images2017/cssimg/fonts/syxh-bdfh-ch.eot?#iefix") format("embedded-opentype"),     /* IE6-IE8 */
         url("../images2017/cssimg/fonts/syxh-bdfh-ch.woff") format("woff"),        /* chrome、firefox */
         url("../images2017/cssimg/fonts/syxh-bdfh-ch.ttf") format("truetype"),     /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
         url("../images2017/cssimg/fonts/syxh-bdfh-ch.svg#syxh-bdfh-ch") format("svg");     /* iOS 4.1- */
    font-style: normal;
    font-weight: normal;
}
@font-face{
    font-family: "syxh-bdfh-en";
    src: url("../images2017/cssimg/fonts/syxh-bdfh-en.eot");    /* IE9 */
    src: url("../images2017/cssimg/fonts/syxh-bdfh-en.eot?#iefix") format("embedded-opentype"),     /* IE6-IE8 */
         url("../images2017/cssimg/fonts/syxh-bdfh-en.woff") format("woff"),        /* chrome、firefox */
         url("../images2017/cssimg/fonts/syxh-bdfh-en.ttf") format("truetype"),     /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
         url("../images2017/cssimg/fonts/syxh-bdfh-en.svg#syxh-bdfh-en") format("svg");     /* iOS 4.1- */
    font-style: normal;
    font-weight: normal;
}
@font-face{
    font-family: "syxh-num";
    src: url("../images2017/cssimg/fonts/syxh-num.eot");    /* IE9 */
    src: url("../images2017/cssimg/fonts/syxh-num.eot?#iefix") format("embedded-opentype"),     /* IE6-IE8 */
         url("../images2017/cssimg/fonts/syxh-num.woff") format("woff"),        /* chrome、firefox */
         url("../images2017/cssimg/fonts/syxh-num.ttf") format("truetype"),     /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
         url("../images2017/cssimg/fonts/syxh-num.svg#syxh-num") format("svg");     /* iOS 4.1- */
    font-style: normal;
    font-weight: normal;
}
@font-face{
    font-family: "syxh-en";
    src: url("../images2017/cssimg/fonts/syxh-en.eot");    /* IE9 */
    src: url("../images2017/cssimg/fonts/syxh-en.eot?#iefix") format("embedded-opentype"),     /* IE6-IE8 */
         url("../images2017/cssimg/fonts/syxh-en.woff") format("woff"),        /* chrome、firefox */
         url("../images2017/cssimg/fonts/syxh-en.ttf") format("truetype"),     /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
         url("../images2017/cssimg/fonts/syxh-en.svg#syxh-en") format("svg");     /* iOS 4.1- */
    font-style: normal;
    font-weight: normal;
}

body{
    font-family: "syxh-bdfh-ch","syxh-bdfh-en","syxh-num","syxh-en","Helvetica Neue",Helvetica,Arial,
                 "STXihei","华文细黑","Microsoft YaHei","微软雅黑",
                 -apple-system,BlinkMacSystemFont,
                 "WenQuanYi Micro Hei","文泉驿微米黑","SimHei","黑体",sans-serif;
}


/*
 * Author: dengyang
 * LastTime: 2017-11-8 14:38:37
 * Description: base.css 预定义一些常用的class
 * Contact: 
 */

/*定位：相对/绝对/固定*/
/*relative absolute fixed*/
.rel{position: relative;}
.abs{position: absolute;}
.fix{position: fixed;}
/*左右浮动和清除浮动*/
/*left right clear before after*/
.lt{float:left;}
.rt{float:right;}
.clr{clear:both;}
.clrb:before{width: 100%;height: 0;content: '';display: block;clear: both;}
.clra:after{width: 100%;height: 0;content: '';display: block;clear: both;}
/*指定内容块的显示属性*/
/*display none inline block flex*/
.dn{display: none;}
.di{display: inline;}
.db{display: block;}
.dib{display: inline-block;}
.df{display: -webkit-flex;display: flex;}
.dif{display: -webkit-inline-flex;display: inline-flex;}

/*上下居中显示*/
/*div middle width100*/
.d_mid{overflow: hidden;background: #f7f8f8;text-align: center;}
.d_mid:before{width: 0;height: 100%;content: '';display: inline-block;vertical-align: middle;}
.d_mid:after{width: 0;height: 100%;content: '';display: inline-block;vertical-align: middle;}
.img_mid{max-height: 100%;display: inline-block;vertical-align: middle;}
.img_w100{width: 100%;display: block;}

/*动画效果：鼠标划过放大，离开缩小*/
/*animation zoom-in hover*/
.a_zmi{-webkit-animation: a_zoom-in .7s ease both;animation: a_zoom-in .7s ease both;}
.a_zmi:hover{-webkit-animation: a_zoom-in-h .7s ease both;animation: a_zoom-in-h .7s ease both;}
@-webkit-keyframes a_zoom-in{
    from{-webkit-transform: scale(1.2);transform: scale(1.2);}
    to{-webkit-transform: scale(1);transform: scale(1);}
}
@keyframes a_zoom-in{
    from{-webkit-transform: scale(1.2);transform: scale(1.2);}
    to{-webkit-transform: scale(1);transform: scale(1);}
}
@-webkit-keyframes a_zoom-in-h{
    from{-webkit-transform: scale(1);transform: scale(1);}
    to{-webkit-transform: scale(1.2);transform: scale(1.2);}
}
@keyframes a_zoom-in-h{
    from{-webkit-transform: scale(1);transform: scale(1);}
    to{-webkit-transform: scale(1.2);transform: scale(1.2);}
}

/*动画效果：鼠标划过缩小，离开放大*/
/*animation zoom-out hover*/
.a_zmo{-webkit-animation: a_zoom-out .7s ease both;animation: a_zoom-out .7s ease both;}
.a_zmo:hover{-webkit-animation: a_zoom-out-h .7s ease both;animation: a_zoom-out-h .7s ease both;}
@-webkit-keyframes a_zoom-out{
    from{-webkit-transform: scale(1);transform: scale(1);}
    to{-webkit-transform: scale(.8);transform: scale(.8);}
}
@keyframes a_zoom-out{
    from{-webkit-transform: scale(1);transform: scale(1);}
    to{-webkit-transform: scale(.8);transform: scale(.8);}
}
@-webkit-keyframes a_zoom-out-h{
    from{-webkit-transform: scale(.8);transform: scale(.8);}
    to{-webkit-transform: scale(1);transform: scale(1);}
}
@keyframes a_zoom-out-h{
    from{-webkit-transform: scale(.8);transform: scale(.8);}
    to{-webkit-transform: scale(1);transform: scale(1);}
}

/*动画效果：鼠标划过缓慢显示，离开缓慢隐藏*/
/*animation visible hover*/
.a_vis{-webkit-animation: a_visible .9s ease both;animation: a_visible .9s ease both;}
.a_vis:hover{-webkit-animation: a_visible-h .9s ease both;animation: a_visible-h .9s ease both;}
@-webkit-keyframes a_visible{
    from{opacity: 1;}
    to{opacity: 0;}
}
@keyframes a_visible{
    from{opacity: 1;}
    to{opacity: 0;}
}
@-webkit-keyframes a_visible-h{
    from{opacity: 0;}
    to{opacity: 1;}
}
@keyframes a_visible-h{
    from{opacity: 0;}
    to{opacity: 1;}
}

/*动画效果：鼠标划过缓慢隐藏，离开缓慢显示*/
/*animation hidden hover*/
.a_hid{-webkit-animation: a_hidden .9s ease both;animation: a_hidden .9s ease both;}
.a_hid:hover{-webkit-animation: a_hidden-h .9s ease both;animation: a_hidden-h .9s ease both;}
@-webkit-keyframes a_hidden{
    from{opacity: 0;}
    to{opacity: 1;}
}
@keyframes a_hidden{
    from{opacity: 0;}
    to{opacity: 1;}
}
@-webkit-keyframes a_hidden-h{
    from{opacity: 1;}
    to{opacity: 0;}
}
@keyframes a_hidden-h{
    from{opacity: 1;}
    to{opacity: 0;}
}


/*
 * Author: dengyang
 * LastTime: 2018-5-24 16:14:30
 * Description: common.css 所有页面中公用的样式class/公共的网站广告样式/公共的顶部栏目导航/公共的顶部区域/公共的底部区域/公共的首页栏目：大家都在聊
 * Contact: 
 */


/*所有页面中公用的样式class*/
/*animation zoom-in list-item*/
.a_zmi_li >ul li .img img{-webkit-animation: a_zoom-in .7s ease both;animation: a_zoom-in .7s ease both;}
.a_zmi_li >ul li:hover .img img{-webkit-animation: a_zoom-in-h .7s ease both;animation: a_zoom-in-h .7s ease both;}


/*公共的网站广告样式*/
/*website advertisement*/
.wbad{width: 100%;height: auto;margin: auto;position: relative;overflow: hidden;clear: both;}
.wbad span{width: 35px;height: 22px;line-height: 22px;position: absolute;z-index: 9;left: 0;bottom: 0;background: rgba(113, 113, 113, .8);font-size: 12px;color: #fff;text-align: center;}
.wbad img{width: 100%;height: 100%;display: block;margin: auto;}

/*因为flash的宽高不能使用百分比自适应（图片可以），必须使用具体的像素宽高px，所以flash广告的自适应宽高，需要用js来实现*/
.wbad object{width: 100%;height: 100%;display: block;margin: auto;}
.wbad object embed{width: 100%;height: 100%;}

/*
这两行会造成图片横向拉伸变形
.wbad.is_top140{max-width: 100%;max-height: 140px;}
.wbad.is_top180{max-width: 100%;max-height: 180px;}
这两行最造成大分辨率时图片左右有空白(1920-2560区域)
.wbad.is_top140{max-width: 1920px;max-height: 140px;}
.wbad.is_top180{max-width: 1920px;max-height: 180px;}
*/
.wbad.is_top140{max-width: 2560px;max-height: 188px;}    /*顶部全通栏广告  140px高度*/
.wbad.is_top180{max-width: 2560px;max-height: 240px;}    /*顶部全通栏广告  180px高度*/

.wbad.is_mid1300{max-width: 1300px;max-height: 140px;margin: 40px auto;}    /*中部半通栏广告  1300宽度*/
.wbad.is_mid1500{max-width: 1500px;max-height: 140px;margin: 40px auto;}    /*中部半通栏广告  1500宽度*/

.wbad.is_right120{max-width: 320px;max-height: 120px;margin: 40px auto;}    /*右侧栏320宽度广告  120高度*/
.wbad.is_right320{max-width: 320px;max-height: 320px;margin: 40px auto;}    /*右侧栏320宽度广告  320高度*/
.wbad.is_right400{max-width: 320px;max-height: 400px;margin: 40px auto;}    /*右侧栏320宽度广告  400高度*/
.wbad.is_right240{max-width: 320px;max-height: 240px;margin: 40px auto;}    /*右侧栏320宽度广告  240高度*/
.wbad.is_right480{max-width: 320px;max-height: 480px;margin: 40px auto;}    /*右侧栏320宽度广告  480高度*/

/*频道首页顶部轮播图上的广告：分别固定浮在轮播图的第二帧和第三帧上*/
.wbad.is_pbanner2{width: 550px;height: 330px;position: absolute;z-index: 8;top: 0;left: 550px;}
.wbad.is_pbanner3{width: 550px;height: 330px;position: absolute;z-index: 8;top: 0;left: 1100px;}
.wbad.is_pbanner2 span,
.wbad.is_pbanner3 span{bottom: auto;top: 10px;}

/*网站首页顶部弹出式广告*/
.wbad.is_indextop640{display: none;max-width: 1500px;max-height: 640px;position: fixed;z-index: 999;left: 0;right: 0;top: 0;}
.wbad.is_indextop640 .icon_close{width: 80px;height: 80px;cursor: pointer;position: absolute;z-index: 9;right: 0;top: 0;background: url(../images2017/cssimg/icon/show/close29-wh.png) center center no-repeat;}
.wbad.is_indextop640 .icon_close:hover{opacity: .6;}
/*网站首页底部右侧弹出式广告*/
.wbad.is_indexbottomright320{display: none;max-width: 480px;max-height: 320px;position: fixed;z-index: 999;right: 0;bottom: 0;}
.wbad.is_indexbottomright320 .icon_close{width: 60px;height: 60px;cursor: pointer;position: absolute;z-index: 9;right: 0;top: 0;background: url(../images2017/cssimg/icon/show/close29-wh.png) center center no-repeat;}
.wbad.is_indexbottomright320 .icon_close:hover{opacity: .6;}


/*公共的顶部栏目导航*/
/*page navigation background current*/
.pgnavbg{width: 100%;height: auto;background: #f7f8f8;}
.pgnav{width: 1300px;height: 50px;padding: 8px 0 12px 0;overflow: hidden;margin: auto;position: relative;}
.pgnav >ul{text-align: center;font-size: 18px;}
/*  .pgnav >ul{text-align: center;font-size: 0;}        这行代码可以用来解决display: inline-block;有间隙的问题，间隙来自浏览器f12查看时的 #text  */
.pgnav >ul li{max-width: 110px;height: 50px;line-height: 48px;overflow: hidden;padding: 0 40px;display: inline-block;color: #000;}
.pgnav >ul li:after{width: 0;height: 2px;content: '';display: block;margin: auto;background: #000;}
.pgnav >ul li.is_current{font-weight: bold;}
.a_pgnav:after{-webkit-animation: a_pgnav .6s ease both;animation: a_pgnav .6s ease both;}
.a_pgnavh:after{-webkit-animation: a_pgnav-h .6s ease both;animation: a_pgnav-h .6s ease both;}
@-webkit-keyframes a_pgnav {
    from {width: 100%;}
    to {width: 0;}
}
@keyframes a_pgnav {
    from {width: 100%;}
    to {width: 0;}
}
@-webkit-keyframes a_pgnav-h {
    from {width: 0;}
    to {width: 100%;}
}
@keyframes a_pgnav-h {
    from {width: 0;}
    to {width: 100%;}
}


/*公共的顶部区域*/
/*header background box website page logo icon menu banner is-open is-active share search login cutline username logout button register*/
.hbg_box{width: 100%;height: auto;padding-bottom: 9px;position: relative;z-index: 998;bottom: -10px;margin-top: -10px;background: url(../images2017/cssimg/header/headerbg-bl.png) center bottom no-repeat;}
@media only screen and (min-width: 1920px){
    .hbg_box{background-size: 100%;}
}
.headerbg{width: 100%;height: auto;background: #091a1e;}
.header{width: 1300px;height: 71px;margin: auto;position: relative;}
/*顶部居左：网站logo，menu图标，频道logo*/
.h_wb_logo{float: left;margin-top: 24px;}
.h_ico_menu{float: left;width: 50px;height: 50px;margin: 15px 25px;cursor: pointer;background: url(../images2017/cssimg/icon/header/menu-wh.png) center center no-repeat;}
.h_ico_menu:hover{opacity: .6;}
.h_pg_logo{float: left;margin-top: 26px;}

/*顶部居左：menu隐藏块*/
.h_menubg{display: none;width: 1300px;height: 331px;margin: auto;overflow: hidden;position: absolute;z-index: 9;top: 70px;background: url(../images2017/cssimg/header/menubg-ye.png) left top no-repeat;}
.h_menubg.is_open{display: block;}
.h_menu{width: 1200px;height: 290px;padding: 15px 50px;margin: auto;margin-top: 11px;position: relative;background-color: rgba(255, 255, 255, .95);}
.h_menu >dl{min-width: 80px;max-width: 120px;height: 260px;float: left;margin: 15px 30px 15px 0;}
.h_menu >dl dd{height: 40px;line-height: 38px;overflow: hidden;margin-bottom: 15px;font-size: 16px;color: #000;text-align: left;}
.h_menu >dl dd:after{width: 0;height: 2px;content: '';display: block;margin: 0;background: #000;}
.h_menu >dl:nth-of-type(1) dd:after{max-width: 55px;}
.h_menu >dl:nth-of-type(2) dd:after{max-width: 65px;}
.h_menu >dl:nth-of-type(3) dd:after{max-width: 120px;}
.h_menu >dl dd:hover{font-weight: bolder;}
.a_hmenu:after{-webkit-animation: a_hmenu .6s ease both;animation: a_hmenu .6s ease both;}
.a_hmenuh:after{-webkit-animation: a_hmenu-h .6s ease both;animation: a_hmenu-h .6s ease both;}
@-webkit-keyframes a_hmenu {
    from {width: 100%;}
    to {width: 0;}
}
@keyframes a_hmenu {
    from {width: 100%;}
    to {width: 0;}
}
@-webkit-keyframes a_hmenu-h {
    from {width: 0;}
    to {width: 100%;}
}
@keyframes a_hmenu-h {
    from {width: 0;}
    to {width: 100%;}
}

/*menu隐藏块右侧轮播*/
.hm_banner{width: 660px;height: 260px;overflow: hidden;position: absolute;right: 50px;top: 40px;}
.hm_banner >ul{width: 6600px;height: 230px;position: absolute;left: 0;}
.hm_banner >ul li{width: 660px;height: 230px;overflow: hidden;float: left;position: relative;}
.hm_banner >ul li:hover{opacity: .8;}
.hm_banner >ul li.is_active{}
.hm_banner >ul li img{width: 100%;display: block;}
.hm_banner >ul li h3{width: 600px;height: 50px;margin: 90px 30px;line-height: 50px;overflow: hidden;position: absolute;z-index: 3;left: 0;top: 0;font-size: 32px;color: #fff;text-align: center;}
.hm_banner >dl{width: 100%;height: 30px;position: absolute;z-index: 8;bottom: 0;text-align: center;font-size: 0;}
.hm_banner >dl dd{width: 30px;height: 30px;display: inline-block;cursor: pointer;}
.hm_banner >dl dd:after{width: 8px;height: 8px;content: '';display: block;margin: 14px 11px 8px 11px;background: #717171;border: none;border-radius: 100%;}
.hm_banner >dl dd.is_active:after{width: 6px;height: 6px;margin: 13px 10px 7px 10px;background: none;border: solid 2px #717171;}

/*html嵌入式广告的"广告"二字标识*/
.hm_banner >ul li span{width: 35px;height: 22px;line-height: 22px;position: absolute;z-index: 9;right: 0;top: 0;background: rgba(113, 113, 113, .8);font-size: 12px;color: #fff;text-align: center;}

/*全屏隐藏块：分享浮窗*/
.h_sharebg{display: none;width: 100%;height: 100%;position: fixed;z-index: 998;left: 0;top: 0;background: rgba(0,0,0,.8);}
.h_share_blk{width: 100%;height: 100%;position: absolute;z-index: 2;left: 0;top: 0;}
.h_share{width: 450px;height: 80px;position: absolute;z-index: 3;left: 50%;top: 50%;margin-left: -225px;margin-top: -80px;border-radius: 10px;border: solid 2px #fff;}
.h_share a{cursor: pointer;opacity: 1.0;width: 60px;height: 60px;float: left;padding: 0 8px;margin: 10px 18px;display: block;background-position: center center;background-repeat: no-repeat;}
.h_share a{height: 60px !important;margin: 10px 18px !important;padding: 0 8px !important;background-position: center center !important;}
.h_share .a_shr_to_wx{background-image: url(../images2017/cssimg/icon/share/share-wh-wx.png);}
.h_share .a_shr_to_qq{background-image: url(../images2017/cssimg/icon/share/share-wh-qq.png);}
.h_share .a_shr_to_wb{background-image: url(../images2017/cssimg/icon/share/share-wh-wb.png);}
.h_share .a_shr_to_qqkj{background-image: url(../images2017/cssimg/icon/share/share-wh-qqkj.png);}

/*顶部居右：分享图标*/
.h_ico_share{float: right;cursor: pointer;width: 30px;height: 46px;line-height: 46px;overflow: hidden;margin: 17px 0 17px 25px;padding-right: 35px;background: url(../images2017/cssimg/icon/share/share-wh.png) right center no-repeat;font-size: 12px;color: #fff;font-weight: bolder;}
.h_ico_share:hover{opacity: .8;}
/*顶部居右：搜索块*/
.h_search{float: right;width: 60px;height: 80px;position: relative;z-index: 8;}
.h_search span{width: 60px;height: 30px;display: block;padding: 25px 0;cursor: pointer;background: url(../images2017/cssimg/icon/header/btn-search-wh.png) center center no-repeat;}
.h_search span:hover{opacity: .6;}
.h_search input{display: none;width: 245px;height: 30px;line-height: 30px;padding: 0 15px;float: right;margin: 25px 0 25px 35px;border-radius: 30px;background: #717171;border: none;outline: none;font-size: 16px;color: #fff;}
.h_search input:-ms-input-placeholder{color: #bfc0c0;}
.h_search input::-webkit-input-placeholder{color: #bfc0c0;}
.h_search input:-moz-placeholder{color: #fff;}
.h_search input::-moz-placeholder{color: #fff;}
.h_search.is_open{width: 370px;position: absolute;right: 89px;background: #24282c;border-left: solid 1px #474242;border-right: solid 1px #474242;}
.h_search.is_open span{width: 60px;float: right;}
.h_search.is_open input{display: block;}
/*顶部居右：登录块*/
.h_login{float: right;height: 80px;line-height: 80px;overflow: hidden;margin-right: 25px;font-size: 16px;}
.h_login span{float: left;color: #fff;}
.h_login .span_cutline{margin: 0 10px;}
.h_login .span_uname{max-width: 490px;text-align: right;}
.h_login .span_lgibtn:hover,
.h_login .span_regbtn:hover,
.h_login .span_lgobtn:hover{font-weight: bolder;}


/*公共的底部区域*/
/*footer background box page logo main ourwebsite aboutus followus QR-Code ios android go-top copyright*/
.fbg_box{width: 100%;height: auto;margin: auto;padding-top: 9px;background: url(../images2017/cssimg/footer/footerbg-bl.png) center top no-repeat;}
.footerbg{width: 100%;height: auto;margin: auto;padding-top: 30px;padding-bottom: 40px;background: #091a1e;}
.footer{width: 1300px;height: auto;margin: auto;position: relative;}
.f_pg_logo{width: 180px;height: 220px;float: left;}
.f_main{width: 1100px;height: 220px;padding-bottom: 10px;float: right;}
.f_main >dl{width: 100px;height: 220px;float: left;margin-right: 75px;position: relative;text-align: left;}
.f_main >dl dt{height: 30px;line-height: 30px;overflow: hidden;margin-bottom: 15px;font-size: 16px;color: #fff;}
.f_main >dl dd{height: 33px;line-height: 33px;overflow: hidden;font-size: 14px;color: #fff;}
.f_main >dl dd:hover{text-decoration: underline;}
.f_main .dl_website{}
/*关于我们*/
.f_main .dl_about{margin-right: 0;}
.f_main .dl_about2{margin-right: 55px;}
/*关注我们*/
.f_main .dl_follow{}
.f_main .dl_follow dt{margin-left: 6px;}
.f_main .dl_follow .dd_wb{padding-left: 38px;margin-bottom: 20px;background: url(../images2017/cssimg/icon/footer/follow-wb-wh.png) left center no-repeat;}
.f_main .dl_follow .dd_wx{cursor: pointer;padding-left: 38px;background: url(../images2017/cssimg/icon/footer/follow-wx-wh.png) left center no-repeat;}
.f_main .dl_follow .dd_wx_qr{display: none;height: auto;position: absolute;left: 100px;top: 20px;}
/*APP二维码*/
.fm_qr_ios{width: 150px;height: 210px;float: left;margin-right: 20px;margin-left: 50px;text-align: center;}
.fm_qr_an{width: 150px;height: 210px;float: left;text-align: center;}
/*返回顶部按钮*/
.fm_gotop{width: 55px;height: 55px;float: right;cursor: pointer;background: url(../images2017/cssimg/icon/footer/gotop-whbl.png) center top no-repeat;}
.fm_gotop:hover{opacity: .7;}
/*底部版权信息*/
.f_copyright{width: 1300px;height: 25px;margin: auto;clear: both;border-top: solid 1px #fff;position: relative;}
.fc_top{position: absolute;left: 0;top: 0;margin-top: -32px;}
.fc_top .icon_wsjb,
.fc_top .icon_gxwj,
.fc_top .icon_shgs{width: 25px;height: 25px;float: left;margin-right: 10px;}
.fc_top .icon_wsjb{background: url(../images2017/cssimg/icon/footer/icon-wsjb.png) center center no-repeat;}
.fc_top .icon_gxwj{background: url(../images2017/cssimg/icon/footer/icon-gxwj.png) center center no-repeat;}
.fc_top .icon_shgs{background: url(../images2017/cssimg/icon/footer/icon-shgs.png) center center no-repeat;}
.fc_top .icon_wsjb:hover,
.fc_top .icon_gxwj:hover,
.fc_top .icon_shgs:hover{opacity: .8;}
.fc_top .icon_zxjb{height: 25px;line-height: 25px;overflow: hidden;font-size: 12px;color: #fff;margin-top: 6px;padding-left: 20px;background: url(../images2017/cssimg/icon/footer/icon-zxjb.png) left center no-repeat;}
.f_copyright p{height: 25px;line-height: 25px;overflow: hidden;font-size: 12px;color: #fff;}
.f_copyright b{height: 25px;display: inline-block;font-weight: normal;}
.f_copyright b.icon_gajg{padding-left: 20px;background: url(../images2017/cssimg/icon/footer/icon-gajg.png) left center no-repeat;}
.f_copyright a{color: #fff;}
.f_copyright a:hover{border-bottom: solid 1px #fff;}


/*公共的首页栏目：大家都在聊*/
/*part background djdzl(dajiadouzailiao) headline logo cutline more content bbs item forum view-number comment-number reply*/
.partbg_djdzl{width: 100%;height: auto;padding-top: 40px;padding-bottom: 25px;background: #f7f8f8;}
.part_djdzl{width: 1500px;height: auto;margin: auto;position: relative;}
.pd_headline{width: 250px;height: 30px;margin: auto;position: relative;}
.pd_h_logo{height: 30px;float: left;text-align: center;}
.pd_h_logo:after{width: 0;height: 100%;content: '';display: inline-block;vertical-align: middle;}
.pd_h_logo img{max-height: 100%;display: inline-block;vertical-align: middle;}
.pd_h_cutline{width: 20px;height: 30px;float: left;background: url(../images2017/cssimg/index/cut-line-bl-sm.png) 8px center no-repeat;}
.pd_h_more{width: 50px;height: 30px;float: left;background: url(../images2017/cssimg/index/word-more-bl.png) center center no-repeat;-webkit-animation: a_ico_more .5s ease both;animation: a_ico_more .5s ease both;}
.pd_headline:hover .pd_h_more{-webkit-animation: a_ico_more-h .5s ease both;animation: a_ico_more-h .5s ease both;}
@-webkit-keyframes a_ico_more {
    from {padding-left: 30px;}
    to {padding-left: 0;}
}
@keyframes a_ico_more {
    from {padding-left: 30px;}
    to {padding-left: 0;}
}
@-webkit-keyframes a_ico_more-h {
    from {padding-left: 0;}
    to {padding-left: 30px;}
}
@keyframes a_ico_more-h {
    from {padding-left: 0;}
    to {padding-left: 30px;}
}
.pd_content{width: 1500px;height: 170px;overflow: hidden;margin: auto;margin-top: 20px;position: relative;}
.pd_content >dl{width: 1500px;height: 30px;position: absolute;left: 0;bottom: 0;text-align: center;}
.pd_content >dl dd{width: 30px;height: 30px;display: inline-block;cursor: pointer;}
.pd_content >dl dd:after{width: 8px;height: 8px;content: '';display: block;margin: 11px;background: #717171;border: none;border-radius: 100%;}
.pd_content >dl dd.is_current:after,
.pd_content >dl dd:hover:after{width: 6px;height: 6px;margin: 10px;background: none;border: solid 2px #717171;}
.pd_content ul{width: 15000px;height: 130px;position: absolute;left: 0;top: 0;}
.pd_content ul li{width: 310px;height: 130px;padding-left: 50px;overflow: hidden;position: relative;float: left;margin-right: 20px;background: url(../images2017/cssimg/icon/index/forum-bl.png) left top no-repeat;}
.pd_content ul li:hover{background-image: url(../images2017/cssimg/icon/index/forum-green.png);}
.pd_content ul li .bbs_item{width: 290px;height: 130px;padding-left: 19px;border-left: solid 1px #717171;}
.pd_content ul li .bbs_item .txt{width: 100%;height: 90px;margin: auto;margin-bottom: 20px;}
.pd_content ul li .bbs_item .txt h2{height: 22px;line-height: 22px;overflow: hidden;font-size: 15px;color: #000;font-weight: normal;}
.pd_content ul li .bbs_item .txt h2 span{display: block;float: left;}
.pd_content ul li .bbs_item .txt h2 .span_forum{max-width: 190px;color: #000;}
.pd_content ul li .bbs_item .txt h2 .span_forum:hover{color: #ac8e59;}
.pd_content ul li .bbs_item .txt h2 .span_cutline{margin: 0 5px;}
.pd_content ul li .bbs_item .txt h2 .span_time{}
.pd_content ul li .bbs_item .txt h3{height: 48px;line-height: 24px;overflow: hidden;margin-top: 20px;font-size: 16px;color: #000;font-weight: normal;}
.pd_content ul li .bbs_item .txt h3:hover{color: #ac8e59;}
.pd_content ul li .bbs_item .inf{width: 100%;height: 20px;margin: auto;text-align: center;}
.pd_content ul li .bbs_item .inf dd{height: 20px;line-height: 20px;padding-left: 20px;overflow: hidden;float: left;margin-right: 20px;font-size: 12px;color: #000;font-weight: normal;}
.pd_content ul li .bbs_item .inf .dd_vnum{max-width: 50px;padding-left: 25px;background: url(../images2017/cssimg/icon/index/view22-bl.png) left center no-repeat;}
.pd_content ul li .bbs_item .inf .dd_cnum{max-width: 50px;background: url(../images2017/cssimg/icon/index/comment17-bl.png) left center no-repeat;}
.pd_content ul li .bbs_item .inf .dd_reply{max-width: 60px;background: url(../images2017/cssimg/icon/index/reply17-bl.png) left center no-repeat;}
.pd_content ul li .bbs_item .inf .dd_reply:hover{color: #ac8e59;}

/*大家都在聊下方：广告文字链*/
.pd_txtlinks{height: 24px;line-height: 22px;overflow: hidden;margin-top: 20px;}
.pd_txtlinks ul{height: 24px;text-align: center;font-size: 0;}
.pd_txtlinks ul li{display: inline-block;margin-right: 30px;font-size: 15px;color: #717171;border-bottom: solid 1px #717171;}
.pd_txtlinks ul li:hover{color: #ac8e59;border-bottom: solid 1px #ac8e59;}
.pd_txtlinks ul li a{color: #717171;}
.pd_txtlinks ul li:hover a{color: #ac8e59;}

.posoa canvas{width: 100%;}
.mosaic {
    color: transparent;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    filter: DXImageTransform.Microsoft.Blur(pixelradius=2);
    zoom: 1;
}