@charset "utf-8";
body,html{background-color:#fff;color:#333;font-size:14px}
blockquote,button,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
body,button,code,input,kbd,pre,samp,select,textarea,tt{line-height:1.5;font-family:"微软雅黑","microsoft yahei","helvetica neue",helvetica,stheiti,sans-serif}
big,button,h1,h2,h3,h4,h5,h6,input,select,small,textarea{font-size:100%}
address,cite,dfn,em,i,optgroup,var{font-style:normal}
table{border-collapse:collapse;border-spacing:0;text-align:left}
caption,th{text-align:inherit}
li,menu,ol,ul{list-style:none}
fieldset,img{border:0}
button,img,input,object,select,textarea{vertical-align:middle}
article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}
audio,canvas,video{display:inline-block}
blockquote:after,blockquote:before,q:after,q:before{content:"\0020"}
textarea{overflow:auto;resize:vertical}
a,button,input,select,textarea{outline:0 none}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
mark{background-color:transparent}
a,del,ins,u{text-decoration:none}
sub,sup{vertical-align:baseline}
*{margin:0;padding:0}
br{border:0;margin:0;padding:0;height:0;font-size:0;overflow:hidden}

body{
font-family:"微软雅黑", "microsoft yahei","冬青黑体简体中文",hiragino sans gb,"华文黑体",arial,'hiragino sans gb',sans-serif;
}
.navbar, .navbar div,.navbar ul,.navbar ul li{font-family: "微软雅黑", "microsoft yahei","冬青黑体简体中文",hiragino sans gb,"华文黑体",arial,'hiragino sans gb',sans-serif;}

/******** clear清除浮动 ********/
.clear{
    clear:both;
    height:0;
    overflow:hidden
}
.cf{
    zoom:1
}
.cf:after{
    clear:both;
    display:block;
    height:0;
    visibility:hidden;
    content:"/20";
    overflow:hidden
}

/******** 顶部header ********/
input{outline: none;}
.clearfix{*zoom:1}
.clearfix:after{clear:both;height:0;overflow:hidden;display:block;visibility:hidden;content:"."}

.blank1{ height: 1px; clear: both; font-size: 0; overflow: hidden; }
.blank2{ height: 2px; clear: both; font-size: 0; overflow: hidden; }
.blank3{ height: 3px; clear: both; font-size: 0; overflow: hidden; }
.blank4{ height: 4px; clear: both; font-size: 0; overflow: hidden; }
.blank5{ height: 5px; clear: both; font-size: 0; overflow: hidden; }
.blank10{ height: 10px; clear: both; font-size: 0; overflow: hidden; }
.blank15{ height: 15px; clear: both; font-size: 0; overflow: hidden; }
.blank20{ height: 20px; clear: both; font-size: 0; overflow: hidden; }
.blank25{ height: 25px; clear: both; font-size: 0; overflow: hidden; }
.blank30{ height: 30px; clear: both; font-size: 0; overflow: hidden; }
.blank35{ height: 35px; clear: both; font-size: 0; overflow: hidden; }
.blank40{ height: 40px; clear: both; font-size: 0; overflow: hidden; }
.blank45{ height: 45px; clear: both; font-size: 0; overflow: hidden; }
.blank50{ height: 50px; clear: both; font-size: 0; overflow: hidden; }
.blank55{ height: 55px; clear: both; font-size: 0; overflow: hidden; }
.blank60{ height: 60px; clear: both; font-size: 0; overflow: hidden; }
.blank65{ height: 65px; clear: both; font-size: 0; overflow: hidden; }
.blank70{ height: 70px; clear: both; font-size: 0; overflow: hidden; }
.blank75{ height: 75px; clear: both; font-size: 0; overflow: hidden; }
.blank80{ height: 80px; clear: both; font-size: 0; overflow: hidden; }
.blank85{ height: 85px; clear: both; font-size: 0; overflow: hidden; }
.blank90{ height: 90px; clear: both; font-size: 0; overflow: hidden; }
.blank95{ height: 95px; clear: both; font-size: 0; overflow: hidden; }
.blank92{height: 92px; clear: both; font-size:0; overflow: hidden;}
.blank100{ height: 100px; clear: both; font-size: 0; overflow: hidden; }
.blank110{height: 110px; clear: both; font-size:0; overflow: hidden;}

.fl{ float:left !important; }
.fr{ float: right !important; }

.p-l-5{ padding-left: 5px; }
.p-l-10{ padding-left: 10px; }
.p-l-20{ padding-left: 20px; }
.p-l-30{ padding-left: 30px; }
.p-r-5{ padding-right: 5px; }
.p-r-10{ padding-right: 10px; }
.p-r-20{ padding-right: 20px; }
.p-r-30{ padding-right: 30px; }
.pad0{ padding: 0px !important; }

.f12px{ font-size: 12px; }
.f14px{ font-size: 14px; }
.f16px{ font-size: 16px; }
.f18px{ font-size: 18px; }

.red{ color: #eb2f2e; }
.gray{ color: #ccc; }

.hide{ display: none !important; }

.w1200{ width: 1200px; }

.marauto{ margin:0 auto; }

.nobor{border:0px !important;}
.nobg{ background-image: none !important; }

.co3f, .co3f div,.co3f a{ color: #fff !important; }


/* 顶部小黑条 */
.topbar{ color: #fff; background-color: #1b191a; height: 40px; font-size: 14px;}
.topbar .l{ width: 215px; float: left;text-align:left; }
.topbar .r{ width: 409px; float: right; }
.topbar .r ul li{ width: 62px; height: 40px; float: left; color: #b5b5b5; text-align: center; }
.topbar .r ul li i{ color: #434343; display: inline-block; height: 40px;line-height: 40px;float: right; padding-left: 28px; }
.topbar .r ul li a{color: #bababa; line-height: 40px; display: inline-block; }
/*.topbar .r ul li a:hover{ color: #fff }*/
.topbar .r ul .register,.topbar .r ul .login{ width: 60px; color: #888888; text-align: right; }
.topbar .r ul .login{width: 40px;}
.topbar .r ul .register a,.topbar .r ul .login a{ color: #888888 }
.topbar .r .gz{ position: relative; z-index:1000; height: 40px; line-height: 40px; width: 110px; }
.topbar .r .gz .o,.topbar .sc .r .ac{ display: inline-block; color: #b5b5b5; cursor: pointer; }
.topbar .sc {height: 40px; line-height: 40px; cursor: pointer;}
.ie7 .topbar .r .gz .o i{ display: none; }
.topbar .r .gz .jt{ display: none; }
.topbar .r .on .jt{ display:block; position: absolute; z-index: 1001; width: 14px; height: 7px; font-size: 0; overflow: hidden; bottom: -7px; left: 29px; background:  }
.topbar .r .gz .pbox{ box-sizing: border-box;position: absolute; padding:0 10px;z-index: 1001; width: 600px; height: 170px; background-color: #fff; top:40px; left: -280px; border-left: 1px solid #dadada; border-right: 1px solid #dadada; border-bottom: 1px solid #dadada; }
.topbar .r .gz .pbox .eqcode{ width: 20%; float: left; color: #333; padding-top: 20px; }
.topbar .r .gz .pbox .eqcode img{ width: 90px; height: 90px; }
.topbar .r .mkp,.topbar .r .tech,.topbar .r .gha{width: 99px; cursor: pointer; }
.topbar .r .mkp a,.topbar .r .tech a,.topbar .r .gha a{ display: block; width: 90px; height: 40px; background-repeat: no-repeat; }
.topbar .r .mkp{display: none; background-position: 17px 9px; background-image: ; background-size: 65%; background-repeat: no-repeat; }
.topbar .r .tech{display: none;background-position: 29px 12px; background-image: ; background-size: 49%; background-repeat: no-repeat; }
.topbar .r .gha{background-position: 22px 10px; background-image: ; background-size: 52%; background-repeat: no-repeat;}
/*.topbar .r ul li .ac:hover{ color: #fff }*/

/****** 解决新首页网站导航的层级问题 ******/
html body .topbar{z-index: 200;}

/****** 标准版 ******/
.topbar .r .gha.on{background-position: 22px -89px; }
.topbar .r .tech.on{background-position: 29px -121px;}
.topbar .r .mkp.on{background-position: 17px -168px;}



.topbar .r .mkp a{ background-position: center 10px; background-image: ; background-size: 64%; background-color: #1b191a; }
.topbar .r .tech a{background-position: center 14px; background-image: ; background-size: 44%; background-color: #1b191a;}
.topbar .r .gha a{background-position: center 11px; background-image: ; background-size: 54%; background-color: #1b191a;}
.topbar .r .mkp a:hover{ /*background-position: center -206px;*/ background: none; }
.topbar .r .tech a:hover{/*background-position: center -128px;*/ background: none;}
.topbar .r .gha a:hover{/*background-position: center -88px;*/ background: none;}


.ie7 .topbar .r .mkp a,.ie8 .topbar .r .mkp a{  background-image: ;}
.ie7 .topbar .r .tech a,.ie8 .topbar .r .tech a{  background-image: ;}
.ie7 .topbar .r .gha a,.ie8 .topbar .r .gha a{  background-image: ;}


/****** safari版 ******/
.safari .topbar .r .gha.on{background-position: 22px -90px; }
.safari .topbar .r .tech.on{background-position: 29px -121px;}
.safari .topbar .r .mkp.on{background-position: 17px -169px;}

/****** firefox版 ******/
.firefox .topbar .r .mkp{ background-position: 17px 11px; background-size: 60%; background-image: ;}
.firefox .topbar .r .tech{background-position: 29px 12px; background-size: 46%; }
.firefox .topbar .r .gha{background-position: 22px 10px;  background-size: 52%;}
.firefox .topbar .r .gha.on{background-position: 22px -90px; }
.firefox .topbar .r .tech.on{background-position: 29px -113px;}
.firefox .topbar .r .mkp.on{background-position: 17px -192px; background-image: ;}


.topbar .home{ width: 100px; height: 40px; color: #fff; line-height: 40px; float: left; }
.topbar .home a{ color: #bababa; }
/*.topbar .home a:hover{ color: #fff }*/
.topbar .home i{ color: #434343; display: inline-block; margin-right: 15px; }

/****** 顶部导航收藏及蒙层 ******/
.mask{ width: 100%; height: 100%; left: 0; top:0; right: 0; position: fixed; background-color: #000; z-index: 9990; filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity:0.3; opacity: 0.3; }
.collection{ width: 300px; height: 140px; position: fixed; top:50%; left: 50%; margin-left: -150px; margin-top: -140px; background-color: #fff; z-index: 9991; }
.collection .inbox{ /*padding: 28px 44px 0px 44px;*/ padding-top: 28px; position: relative; z-index: 9992  }
.collection .close{ width: 25px; height: 25px; background-color: #818183; background-size:50%; background-repeat: no-repeat; background-position: center center; background-image: ; position: absolute; top:0; right: 0; cursor: pointer; z-index: 9993}
.collection .inbox p{ font-size: 14px; line-height: 26px; text-align: center; }
.collection .inbox h4{ width: 186px; font-size: 14px; font-weight: normal; height: 33px; line-height: 33px; background-color: #000; color: #fff; text-align: center; margin: 0 auto; margin-top: 10px; }


/****** 各频道可复用的导航头 ******/
.navbar{ background-color: #6964dc; height: 50px; }
.navbar .lbox{ width: 998px; float: left; }
.navbar .lbox h1,.navbar .lbox .h1box,.navbar .lbox ul{ float: left; }
.navbar .lbox h1,.navbar .lbox .h1box{ background-position: -73px -38px; }
.navbar .lbox h1 img,.navbar .lbox .h1box img{ height: 32px; margin-top: 9px; }
.navbar .lbox ul{ width:722px;  }
.navbar .lbox ul li{ float: left; line-height: 50px; padding:0px 18px; font-size: 16px; color: #c0bcf7; }
.navbar .lbox ul li a{ color: #c0bcf7; text-decoration: none;}
/*.navbar .lbox ul li a:hover{ color: #fff; }*/
.navbar .lbox ul .on{background:  no-repeat center bottom;}
.navbar .rbox{ width: 200px; float: right; }
.navbar .rbox .inner_box{ padding-top: 12px; }
.navbar .rbox .inner_box .search_box{ background-color: #fff; width: 180px; height: 25px; float: right; border-radius: 12px 12px 12px 12px; }
.navbar .rbox .inner_box .search_box .pdsearch{ width: 135px; height: 20px; line-height: 20px; border: 0px; margin-left: 10px; float: left; margin-top: 3px;}
.navbar .rbox .inner_box .search_box .search_btn{ float: right; width: 35px; height: 25px; background-size: 50%; background-position: 10px 4px; cursor: pointer; /*background-image: ; */background-repeat: no-repeat; border: 0; font-size: 0;  }
.ie7 .navbar .rbox .inner_box .search_box .search_btn,.ie8 .navbar .rbox .inner_box .search_box .search_btn{ background-position: 10px 4px; background-image: ;  }
.navbg{ height: 40px; background:  repeat-x; }
.navbg .l ul li{ float: left; line-height: 40px; padding: 0 10px; }
.navbg .l ul li a{ color: #333; display: block; height: 40px; padding: 0 10px; }
.navbg .l ul li a:hover{ border-bottom: 2px solid #fdb128; height: 40px; padding: 0 10px; color: #fdb128 }
.navbg .r{ float: right; line-height: 40px; color: #797979 }
.navbg .r a{color: #797979; display: inline-block; float: left;}
.navbg .r a:hover{ color: #fdb128; }
.navbg .r div{ display: inline-block; color: #333; float: left; }
.navbg .r span{ display: inline-block; padding: 0 10px; color: #c4c4c4; float: left;}


/****** 网易163的网站地图样式 ******/
.topbar .sitemap .mapico em {
    display: block;
    text-indent: -999em;
    overflow: hidden;
    width: 28px;
    height: 40px;
    line-height: 0;
    /*margin-left: 20px;*/
}
.topbar .sitemap .mapico em span {
    display: block;
    float: right;
    clear: both;
    width: 24px;
    height: 2px;
    background: #646464;
}
.topbar .sitemap .mapico em .menu1 {
    -moz-animation: menu 800ms ease 0s 2;
    -webkit-animation: menu 800ms ease 0s 2;
    animation: menu 800ms ease 0s 2;
}
.topbar .sitemap .mapico em .menu2 {
    -moz-animation: menu 800ms ease .16s 2;
    -webkit-animation: menu 800ms ease .16s 2;
    animation: menu 800ms ease .16s 2;
}
.topbar .sitemap .mapico em .menu3 {
    -moz-animation: menu 800ms ease .32s 2;
    -webkit-animation: menu 800ms ease .32s 2;
    animation: menu 800ms ease .32s 2;
}
.topbar .sitemap .mapico em span.menu1 {
    margin: 12px 2px 0;
    -webkit-transition: -webkit-transform .4s;
    -o-transition: -o-transform .4s;
    transition: transform .4s;
}
.topbar .sitemap .mapico em span.menu2 {
    margin: 6px 2px 0;
}
.topbar .sitemap .mapico em span.menu3 {
    margin: 6px 2px 0;
    -webkit-transition: -webkit-transform .4s;
    -o-transition: -o-transform .4s;
    transition: transform .4s;
}

/****** 滑过展开效果 ******/
.topbar .sitemap .navigation-on,.topbar .sitemap .navigation-active{/*background:#060607; border-right: 1px solid #444;*/} /*background:#1e1e1e*/
.topbar .sitemap .navigation-on .menu1{-webkit-transform:translate(0,-2px);-ms-transform:translate(0,-2px);-o-transform:translate(0,-2px);transform:translate(0,-2px)}
.topbar .sitemap .navigation-on .menu3{-webkit-transform:translate(0,2px);-ms-transform:translate(0,2px);-o-transform:translate(0,2px);transform:translate(0,2px)}

/****** 点击展开效果 ******/
@keyframes movemenu{0%{background-position:-1px 7px}100%{background-position:-301px 7px}}
@-webkit-keyframes movemenu{0%{background-position:-1px 7px}100%{background-position:-301px 7px}}
.topbar .sitemap .navigation-active em, .topbar .sitemap .navigation-active:hover em {
    background:  -1px 7px no-repeat;
    background:  -300px 7px no-repeat\0;
    background:  -300px 7px no-repeat\9;
}
.topbar .sitemap .navigation-active em {
    -moz-animation: movemenu 300ms steps(10) forwards;
    -webkit-animation: movemenu 300ms steps(10) forwards;
    animation: movemenu 300ms steps(10) forwards;
}
.topbar .sitemap .navigation-active em span{ display: none; }
.topbar .sitemap .navigation-active em {
    margin-left: 7px;
}


/* 网站地图 */
.topbar .sitemap{ position: relative; z-index: 1000; height: 40px; width: 40px; float: left; }
.topbar .sitemap .mapico{ width: 40px; height: 40px; color: #fff; line-height: 40px; cursor: pointer; /*background:  no-repeat 0px 13px;*/ }
.topbar .sitemap .mapico_on{background:  no-repeat 0px -119px; }
.topbar .sitemap .mapbox{ position: absolute; z-index: 9999; width: 1198px; height: 280px; overflow: hidden; left: 0; top: 40px; background-color: #fff; border-bottom: 1px solid #dadada; border-left: 1px solid #dadada; border-right: 1px solid #dadada; }
.topbar .sitemap .mapbox .inner_box{ padding:25px 10px 20px 10px; }
.topbar .sitemap .mapbox ul{ }
.topbar .sitemap .mapbox ul li{ float: left; width: 83px; height: 232px; color: #5c5c5c; border-right: 1px solid #f6f6f6; text-align: center;  }/*border-right: 1px solid #f4f4f4;*/
.topbar .sitemap .mapbox ul li h2,.sitemap .mapbox ul li h2 a{ font-size: 14px; color: #000; line-height: 26px; }
.topbar .sitemap .mapbox ul li h2 a:hover{color: #c00e00;} /****** 滑过颜色每个频道自行定义 ******/
.topbar .sitemap .mapbox ul li p { line-height: 34px; font-size: 12px; white-space: nowrap; width: 70px; margin: 0 auto; overflow: hidden; }
.topbar .sitemap .mapbox ul li p a{ color: #5c5c5c; white-space : nowrap;}
.topbar .sitemap .mapbox ul li p a:hover{ color: #c00e00; }

/*定义logo部分*/
.navbar .lbox h1,.navbar .lbox .h1box{width: 122px;}
.navbar .lbox h1, .navbar .lbox h1 a,.navbar .lbox .h1box,.navbar .lbox .h1box a {
    height: 50px;
    display: block;
    float: left;
}
.navbar .lbox h1 .cnmo_logo,.navbar .lbox .h1box .cnmo_logo{ min-width: 10px;display: none; }
.navbar .lbox h1 .page_line,.navbar .lbox .h1box .page_line{ height: 30px; float: left; display: none; }
.navbar .lbox h1 .page_logo,.navbar .lbox .h1box .page_logo{ width: 100px; }


/*底部footer*/
/*.footer{width: 100%;background: #f6f6f6;border-top: 1px solid #ebebeb;clear: both;position: relative;z-index: 1;}*/
.footer{width: 100%;background: #f6f6f6;border-top: 1px solid #ebebeb;clear: both; z-index: 130; position: relative; font-size: 14px;}
.footer-box{text-align: left;}
.link-footer{width: 1220px;background: #fff;margin: 0 auto; margin-top: 10px;}
.link-footer .w1200{overflow: hidden;position: relative;}
.link-footer .link-footer-nav{text-align: left;}
.link-footer .link-footer-nav span{font-size: 18px;/*margin-left: 10px;*/margin-right: 38px;line-height: 1.5;/*display: inline;*/ margin-top: -5px;}
.link-footer .link-footer-nav span.cur{color: #eb2e2e;}
.link-footer ul{padding-top: 10px;width: 3660px;margin-left: -5px;}
.link-footer li{text-align: left;margin-left: -10px;padding-bottom: 5px;position: relative;background: #fff;float: left;width: 1212px;}
.link-footer li a{color: #999;margin-left: 15.5px;white-space:nowrap;line-height: 2.2;display: inline-block; text-decoration: none; font-size: 14px;}
.link-footer li a:hover{color: #eb2e2e;}
.link-footer li a.apply-link-use{visibility: hidden;}
.link-footer li a.apply-link{background: #ececec;color: #575757;line-height: 22px;padding: 0 10px;border-radius: 11px;position: absolute;right: 0;bottom: 2px;display: block;}
.link-footer li a.apply-link:hover{background: #e5e5e5;}
.footer-box .footer-info{font-size: 12px;line-height: 26px;padding-top: 15px;}
.footer-box .footer-info-box{width: 425px;float: left;}
.footer-box .footer-info-box1{width:320px;float: right;}
.footer-box .footer-info a{color: #404040; text-decoration: none;}
.footer-info a:hover{color: #eb2e2e;}
.footer-info-link{text-align: center;clear: both;padding: 15px 0 20px;}
.footer-info-link a{margin: 0 5px; color: #404040;}
.footer-info-link a:hover{color: #eb2e2e;}
.footer-box1{background: #2d2d2d;height: 42px;line-height: 42px;}
.footer-box1 .w1200{text-align: left;font-size: 12px;}
.footer-box1 a{color: #fff; text-decoration: none;}
.footer-box1 a:hover{color: #eb2e2e;}
.footer-box1 em{color: #5b5b5b;margin: 0 12px;}


/******** 公共分享图标 *********/
.info_share{
    position: absolute;
    bottom: 3px;
    right: 0;
}
.info_share div{
    display: block;
    float: left;
    margin-left: 16px;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    cursor: pointer;
}
.info_share .share01{
    background-image: ;
}
.info_share .share02{
    background-image: ;
}
.info_share .share03{
    background-image: ;
}

.ie7 .info_share .share01,.ie8 .info_share .share01{
    background-image: ;
}
.ie7 .info_share .share02,.ie8 .info_share .share02{
    background-image: ;
}
.ie7 .info_share .share03,.ie8 .info_share .share03{
    background-image: ;
}


/******** 弹出二维码样式 *********/
.bd_weixin_popup {
    position: fixed;
    left: 50%;
    top: 50%;
    padding: 10px;
    width: 280px !important;
    height: 280px !important;
    margin-top: -110px;
    margin-left: -140px;
    background: #fff;
    border: solid 1px #d8d8d8;
    z-index: 11001;
    font-size: 12px;
}
.bd_weixin_popup .bd_weixin_popup_head {
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    line-height: 16px;
    height: 16px;
    position: relative;
    color: #000;
}
.bd_weixin_popup .bd_weixin_popup_head .bd_weixin_popup_close {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    top: 0;
    color: #999;
    text-decoration: none;
    font-size: 16px;
}
.bd_weixin_popup .bd_weixin_popup_main {
    padding: 15px 10px;
    min-height: 150px;
    _height: 150px;
    text-align: center;
    height: 185px;
}
.bd_weixin_popup_main canvas {
    width: 185px;
    height: 185px;
}
.bd_weixin_popup .bd_weixin_popup_foot {
    font-size: 12px;
    text-align: left;
    line-height: 22px;
    color: #666;
}

/******** 图片鼠标滑过放大 *********/
.mouse-big{ cursor: pointer; }
.mouse-big img {
    width: 100%;
    height: 100%;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.mouse-big:hover img {transform: scale(1.1);}
.prevent {position: relative;}
.posb{position: absolute;left: 0;bottom: 22px;cursor: pointer;}
.posb p{ display: inline-block;padding: 3px 11px 3px;background: rgba(105, 100, 220, .8);color: #fff;font-size: 16px; margin-bottom: 1px;}
.posb:hover p{background: rgba(51, 51, 51, .8);}
.mainpage .on p{background: rgba(51, 51, 51, .8);} 

/* 公共底部 */
.cbottom {
    width: 100%;
    min-width: 1100px;
    text-align: center;
    clear: both;
    padding-top: 30px;
    color: #666;
    font-size: 12px;
    line-height: 24px;
}
.cbottom1 {
    background: #353535;
    height: 170px;
}
.cbottom_link {
    color: #999;
    padding-top: 20px;
    line-height: 50px;
    font-size: 14px;
}
.cbottom_link a {
    color: #999;
    margin: 0 2px;
}
.cbottom_link a:hover{
    text-decoration: underline;
}

/* 公共底部 */


/******** 点击 *********/
.bd_weixin_popup {
    position: fixed;
    left: 50%;
    top: 50%;
    padding: 10px;
    width: 280px !important;
    height: 280px !important;
    margin-top: -110px;
    margin-left: -140px;
    background: #fff;
    border: solid 1px #d8d8d8;
    z-index: 11001;
    font-size: 12px;
}
.bd_weixin_popup .bd_weixin_popup_head {
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    line-height: 16px;
    height: 16px;
    position: relative;
    color: #000;
}
.bd_weixin_popup .bd_weixin_popup_head .bd_weixin_popup_close {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    top: 0;
    color: #999;
    text-decoration: none;
    font-size: 16px;
}
.bd_weixin_popup .bd_weixin_popup_main {
    padding: 15px 10px;
    min-height: 150px;
    _height: 150px;
    text-align: center;
    height: 185px;
}
.bd_weixin_popup_main canvas {
    width: 185px;
    height: 185px;
}
.bd_weixin_popup .bd_weixin_popup_foot {
    font-size: 12px;
    text-align: left;
    line-height: 22px;
    color: #666;
}

/****** 列表页中的大家都在看 ******/
.look_all{ width: 1200px; overflow: hidden; }
.look_all .inner_box{ width: 1212px; }
.look_all ul li{ width: 303px; height: 228px; float: left;  }
.look_all ul li .img{ width: 290px; height: 182px; overflow: hidden; }
.look_all ul li .img img{ width: 290px; height: 182px; }
.look_all ul li p,.look_all ul li p a{font-size: 16px;color: #666666; height: 40px; line-height: 40px;max-width: 275px;text-overflow: ellipsis;white-space: nowrap;display: inline-block;overflow: hidden;}
.look_all ul li p a:hover{ color: #6964dc }


/********  主要的布局区域 ********/
.mainpage{ width:1200px; margin:0 auto; }
.mainpage a{text-decoration: none;}

/*2018-11-19tycw添加登录后状态*/
.topbar .r ul .loginin{width: 127px;text-align: center;position: relative;}
.topbar .r ul .loginin:hover{background: #000;}
.topbar .r ul .loginin a.user_name{text-overflow: ellipsis;display: table;width: 127px;text-align: left;/*padding-left: 18px;*/}
.topbar .r ul .loginin a.user_name span{display: inline-block;width: 68px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;float: left}
.topbar .r ul .loginin a.user_name i{background:  no-repeat center right;display: block;width: 20px;height: 40px;display: inline-block;float: left;padding-left: 3px;
/*transition: -webkit-transform .3s linear;
-ms-transition: -webkit-transform .3s linear;
-moz-transition: -webkit-transform .3s linear;
-o-transition: -webkit-transform .3s linear;
-webkit-transition: -webkit-transform .3s linear;*/
}
.topbar .r ul .loginin:hover .user_link{
	display: block;
}
/*.topbar .r ul .loginin:hover a.user_name{
	color: #fff;
}*/
.topbar .r ul .loginin:hover a.user_name i{
	background-image: ;
	/*transform:rotate(180deg);
-ms-transform:rotate(180deg); 
-moz-transform:rotate(180deg); 	
-webkit-transform:rotate(180deg);
-o-transform:rotate(180deg); */
}
.topbar .r ul .user_link{display: none;background: #ffffff;border: 1px solid #e7e5e6;border-top: 0px;z-index: 99999;position: absolute;top: 40px;left: 0;}
.topbar .r ul .user_link a{display: block;height: 36px;line-height:36px;width: 100%;width: 125px;text-indent: 6px;text-align: left;color: #565656;}
.topbar .r ul .user_link a span{display: block;margin: 0 10px;height: 36px;line-height:36px;border-bottom: 1px dashed #efefef;}
.topbar .r ul .user_link a:hover{background: #f3f3f3 !important;color: #eb2e2e !important;}
.topbar .r ul .user_link a.login_out span{border-bottom: 0;}

/* 20190109ycw公共头部样式修改 */
.topbar .home.home_logo{display:table;}
.topbar .home.home_logo img{ height:14px;width:38px; }
.topbar .home.home_logo i {margin-right: 20px;margin-left: 10px;}
/*-副导航-*/
.topbar_f{width: 100%;background: #fff;height: 38px;font-size: 12px;}
.topbar_f .w1200{overflow: hidden;margin:0 auto;}
.topbar_f ul{height: 13px;line-height: 13px;width: 1220px;margin-top: 15px;}
.topbar_f ul li{border-right: 1px solid #dedede;float: left;}
.topbar_f ul li a{color: #404040;margin:0 12px}
.topbar_f ul li a:hover{color: #eb2e2e;}
.topbar_f ul li.topbar_f_sm a{margin:0 10px}
.topbar_f ul li.topbar_f_f a{margin-left: 0;}
.topbar_f ul li.topbar_f_l a{margin-right: 0;}
.topbar_f ul li.topbar_f_l{border-right:0}



/*** 新顶部登录条 2021-11-26 ***/
.topbar2021 {
    background-color: #fbfbfb !important;
    border-bottom: 0px solid #f1f1f1 !important;
}
.topbar2021 .sitemap {
    position: relative;
    z-index: 1000;
    height: 30px;
    width: 30px;
    float: left;
}
.topbar2021 .sitemap .mapbox {
    position: absolute;
    z-index: 9999;
    width: 1200px;
    height: 280px;
    overflow: hidden;
    left: 0;
    top: 40px;
    background-color: #fff;
    border-bottom: 1px solid #f1f1f1;
    border-left: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
}
.topbar2021 .sitemap .mapico {
    width: 40px;
    height: 40px;
    color: #fff;
    line-height: 40px;
    cursor: pointer;
    /* background-image:  no-repeat 0px 13px; */
    background: none;
    position: relative;
    transition: .4s all;
}
.topbar2021 .sitemap .mapico .mem{
    width: 40px;
    height: 40px;
    background-image: ;
    background-repeat: no-repeat;
    background-position: 0 12px;
    background-size: 40%;
    /* position: absolute;
    z-index:1;
    -webkit-transition: .4s all;
    -moz-transition: .4s all;
    -ms-transition: .4s all;
    transition: .4s all;
    transform-origin:25% 52%; */
}
.topbar2021 .sitemap .mapico.navigation-active .mem{
    /* -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    transform:rotate(360deg); */
    background-image: ;
    background-repeat: no-repeat;
    background-position: 0 12px;
    background-size: 40%;
    background-position: 0 -36px;
}
.topbar2021 .home {
    width: 150px;
    color: #909090;
    text-align: left;
    padding-left:6px;
}
.topbar2021 .home a {
    font-size: 12px;
    font-family: pingfangsc-regular, pingfang sc;
    font-weight: 400;
    color: #404040;
}
.topbar2021 .home a:hover{
    color: #404040;
}
.topbar2021 .r ul li {
    width: 56px;
    height: 40px;
    float: left;
    color: #404040;
    text-align: center;
    font-size: 12px;
}
.topbar2021 .r .gz {
    position: relative;
    z-index: 1000;
    height: 40px;
    line-height: 40px;
    width: 40px;
}
.topbar2021 .sc {
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    color: #404040;
    margin-right: 10px;
}
.topbar2021 .r ul li .ac:hover{ color: #404040 }
.topbar2021 .r ul .login {
    width: 45px;
    line-height: 40px;
}
.topbar2021 .r ul .login:hover {color: #404040;}

.topbar2021 .r ul .login.nologin{
    background:  no-repeat 0 50%;
}
.topbar2021 .r ul .login.nologin:hover a{color: #404040 !important;}

.topbar2021 .r ul .register a, .topbar2021 .r ul .login a {
    font-size: 12px;
    font-family: pingfangsc-regular, pingfang sc;
    font-weight: 400;
    color: #404040;
    cursor: pointer;
}
.topbar2021 .r ul .register a:hover, .topbar2021 .r ul .login a:hover{
    color: #404040;
}
.topbar2021 .r .gz .o, .topbar2021 .sc .r .ac {
    display: inline-block;
    font-size: 12px;
    font-family: pingfangsc-regular, pingfang sc;
    font-weight: 400;
    color: #404040;
    cursor: pointer;
}
.topbar2021 .r .gz .o.co3f,.topbar2021 .co3f{
    color: #404040 !important;
}
.topbar2021 .r .gz .pbox {
    box-sizing: border-box;
    position: absolute;
    padding: 0 10px;
    z-index: 1001;
    width: 460px;
    height: 170px;
    /*background-color: #fff;*/
    top: 40px;
    left: -342px;
    /*border-left: 1px solid #dadada;
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;*/
    border: 0;
    background: no-repeat;
    background-size: 100% 100%;
}
.topbar2021 .r .gz .pbox .eqcode {
    width: 25%;
    float: left;
    color: #333;
    padding-top: 30px;
}

.topbar2021 .r ul .loginin a.user_name {
    text-overflow: ellipsis;
    display: table;
    width: 117px;
    text-align: left;
}
.topbar2021 .r ul .loginin a.user_name .avatar{
    background-image: ;
    background-repeat: no-repeat;
    /* background:  no-repeat; */
    background-size: 100%;
    background-color: #fff;
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    margin-top: 10px;
    border-radius: 10px;
    margin-right: 5px;
}
.topbar2021 .r ul .loginin:hover{background: #fbfbfb;}
.topbar2021 .r ul .loginin:hover {color: #404040 !important;}
.topbar2021 .r ul .loginin:hover a {color: #404040 !important;}
.topbar2021 .r ul .loginin:hover span {color: #404040 !important;}

.topbar2021 .r ul .loginin:hover a.user_name{
    color: #404040;
}
.topbar2021 .r ul .loginin a:hover.user_name{
    color: #404040;
}

.topbar2021 .r ul .user_link{display: none;background: #ffffff;border: 1px solid #e7e5e6;border-top: 0px;z-index: 99999;position: absolute;top: 40px;right: 0;}
.topbar2021 .r ul .user_link a{display: block;height: 36px;line-height:36px;width: 117px;text-indent: 6px;text-align: left;color: #565656;}
.topbar2021 .r ul .user_link a span{display: block;margin: 0 10px;height: 36px;line-height:36px;border-bottom: 1px dashed #efefef; width: 100px;}
.topbar2021 .r ul .user_link a:hover{background: #fff !important;color: #eb2e2e !important;}
.topbar2021 .r ul .user_link a:hover span{color: #eb2e2e !important; width: 110px;}
.topbar2021 .r ul .user_link a.login_out span{border-bottom: 0;}



/* 设置个别链接的间距 */
.topbar_f ul li.topbar_f_sm a {
	margin: 0 9px !important;
}
.text-center{text-align: center!important;}
.text-right{text-align: right!important;}

/** 新分页样式  统一处理 2022-12-20 **/
.pagination{display:inline-block;padding-left:0;margin:20px 0;}
.pagination>li{display:inline; margin-left:2px;}
.pagination>li>a,.pagination>li>span{position:relative; padding:6px 12px;line-height:1.42857143;color:#313131;text-decoration:none;background-color:#fff;border:1px solid #ddd;border-radius:2px}
.pagination>li:first-child{margin-left:0;}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#ed6044;cursor:default;background-color:#ffffff;border-color:#ed6044}

/** 宅秘 **/
.home-pagination .pagination>.active>a,.home-pagination .pagination>.active>a:focus,.home-pagination .pagination>.active>a:hover,.home-pagination .pagination>.active>span,.home-pagination .pagination>.active>span:focus,.home-pagination .pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#fdb128;border-color:#fdb128}
/** hi5g **/
.hi5g-pagination .pagination>.active>a,.hi5g-pagination .pagination>.active>a:focus,.hi5g-pagination .pagination>.active>a:hover,.hi5g-pagination .pagination>.active>span,.hi5g-pagination .pagination>.active>span:focus,.hi5g-pagination .pagination>.active>span:hover{z-index:3;color:#ffffff;cursor:default;background-color:#12a857;border-color:#12a857}
/** smartcar **/
.smartcar-pagination .pagination a:hover{z-index:3;color:#6964dc;cursor:pointer;background-color:#ffffff;border-color:#6964dc}
.smartcar-pagination .pagination>.active>a,.smartcar-pagination .pagination>.active>a:focus,.smartcar-pagination .pagination>.active>a:hover,.smartcar-pagination .pagination>.active>span,.smartcar-pagination .pagination>.active>span:focus,.smartcar-pagination .pagination>.active>span:hover{z-index:3;color:#ffffff;cursor:default;background-color:#6964dc;border-color:#6964dc}