*{outline:0;}
html{-webkit-text-size-adjust:none}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
body{margin:0;line-height:1.2;font-family:Helvetica,Hiragino Sans GB,Microsoft Yahei,sans-serif;font-size:14px;color:#333;-webkit-text-size-adjust:none;min-width:1200px}
ol,ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
img{border:none; vertical-align:top; -webkit-transition:opacity .2s; transition:opacity .2s; -ms-transition:none}
i,em{font-style:normal}
input,select,option,textarea{font-size:12px;font-family:Microsoft Yahei,tahoma,HELVETICA;outline:none}
a{color:#333;text-decoration:none}
a:hover{color:#EE6946;text-decoration:none}
a:hover em,a:hover b,a:hover i,a:hover span{cursor:pointer}
a:hover img{opacity:0.9}
.clear,.clearfix:after{clear:both; overflow:hidden;display:block}
.clearfix:after{visibility:hidden;content:""}
.clearfix{*zoom:1}
.dot{display:inline-block;width:3px;height:3px;background:#333;margin:8px 3px 0;line-height:0;font-size:0;overflow:hidden;border-radius:100%}
.bg-white{background-color:#fff;position: relative; }
.bg-gray{background-color:#f5f6fb; position: relative; }
.bg-hui{background-color:#f8f8f8; position: relative; }
.fn-left,.fl{float:left !important;}.fn-right,.fr{float:right !important;}
.f14{font-size:14px !important;}.f16{font-size:16px !important;}.f18{font-size:18px !important;}
.mgt10{margin-top:10px !important;}.mgt15{margin-top:15px !important;}.mgt20{margin-top:20px !important;}.mgt25{margin-top:25px !important;}.mgt30{margin-top:30px !important;}.mgt40{margin-top:40px !important;}
.mgb10{margin-bottom:10px !important;}.mgb15{margin-bottom:15px !important;}.mgb20{margin-bottom:20px !important;}.mgb25{margin-bottom:25px !important;}.mgb30{margin-bottom:30px !important;}.mgb40{margin-bottom:40px !important;}
.pd10{padding:20px 10px !important;}.pd15{padding:15px !important;}
.pr{position:relative}
.r-last{margin-right:0 !important;}
.t-center{text-align:center}
[class*=" icon-"],[class^=icon-]{font-family:"dnbs-icon" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.box-shadow {background-color:#fff; box-shadow: 0 -4px 25px 1px rgba(0, 0, 0, .05);}
.fix{width:100% !important; position:fixed;top:0px;_position:absolute;_top: expression(documentElement.scrollTop + "px");z-index:999;/*filter:alpha(opacity=90);opacity:0.9;*/border:0px solid #eee;box-shadow:0 0 12px #eee;}
/*.box_shadow{background-color:#fff; border: #e7e7e7 0px solid; moz-box-shadow: 0 0px 15px 1px rgba(0, 0, 0, .05); -webkit-box-shadow: 0 0px 15px 1px rgba(0, 0, 0, .05); box-shadow: 0 0px 15px 1px rgba(0, 0, 0., .05);}

/*ͨ��*/
.pc-index {background-color: #f5f6fb;position: relative;}
.main{margin:0;padding:0;display:block; min-height:800px;}  
.topbar,.header,.nav,.footer{width:100%; min-width:1200px;} 
.container{width: 1200px;margin: 0 auto; position: relative;}
.content-wrap{margin-bottom:30px;position: relative;}
.left-warp {position: relative; width:71%; float:left;}
.side-warp {position: relative; width:28%; float:right;} 
.mod-warp{margin-bottom:15px;}
.left-warp .mod-warp{background:#fff;box-shadow:0 -4px 25px 1px rgba(0,0,0,.05);}
.mod-cont{padding:15px 10px;border: #eee 0px solid;background-color:#fff;}
 
/*����*/
.topbar{/*position:relative;*/z-index:99;width:100%;height:35px;line-height:35px;background:#232836;color:#f5f5f5}
.topbar a{color:#fafafa}
/*.topbar i{width:20px;height:35px;float:left;font-size:1pc}*/
.topbar .extra{float:left;position:relative}
.topbar .extra a{float:left;margin-left:15px}
.topbar .slogan{float:left;line-height:3p5x;margin-left:10px}
.topbar .tougao{display:block;float:left;background:#EE6946;padding:0 18px}
.topbar .top-nav{float:left;font-size:15px}
.topbar .top-nav a{float:left;padding:0 10px;overflow:hidden}
.topbar .top-nav a.min-logo{display: table-cell;padding:0 10px 0 0;}
.topbar .top-nav a.min-logo img{display: inline-block; min-width:96px; height:30px; vertical-align: middle; margin-top: 3px;}
.topbar .top-nav a:hover,.topbar .top-nav a.current{background:#424755;color:#fff}
.topbar .u-center{float:left;margin-right:10px;min-width:4pc}
.topbar .u-center a{line-height:35px;}
.topbar .u-center,.topbar .u-center .avatar{color:#fff;font-size:9pt;overflow:hidden;}
.topbar .u-center .avatar{position:relative;margin-right:2px;width:25px;height:25px;line-height:17px;border-radius:50%;background-color:#fff}
.topbar .u-center img {display: inline-block; vertical-align: middle;}

 /*top-nav*/
.top-nav-wrap .sharp{top:-8px; left:59px;line-height:0; overflow:hidden;position:absolute; width:16px;height:8px; background:url('../images/sprite.png') -111px -49px no-repeat}
.top-nav-wrap .ydd-tag {display:none; position:absolute;z-index:2; top:35px; left:-35px; width:130px; border:1px solid #f0f0f0 ;background:#fff; line-height:15px; font-size:12px; border-radius: 0 0 3px 3px;}
.top-nav-wrap .ydd-tag .sharp{left:70px;}
.top-nav-wrap .ydd-box{ width:140px;padding-left:16px;padding-right:15px;padding: 10px;}
.top-nav-wrap .ydd-tag img{display:block;border:none;margin:0 auto;}
.top-nav-wrap .ydd-tag-dl{overflow:hidden;margin-bottom:10px;}
.top-nav-wrap .ydd-tag-dl dt{float:left;width:50px; height:20px; margin-right:0px; padding-left:10px;  color:#ef2d36; line-height:20px; background:url('../images/ico_tips.jpg') center center no-repeat;}
.top-nav-wrap .ydd-tag-dl dd{float:left;line-height:20px;color:#666;width:80px;}
.top-nav-wrap .ydd-tag-dl a,.ydd-tag-dl a:hover{color:#ef2d36;text-decoration:none;}
.top-nav-wrap .ico-ydd:hover em{color:#f80}
.top-nav-wrap .ico-ydd:hover .ydd-tag{display:block}
.top-nav-wrap .tn-navli:hover .ydd-tag{display:block}


/*top-nav-wrap*/
.top-nav-wrap{float:left; width: 100%;}
.top-nav-wrap .top-nav {float: left; _display: inline;}
.top-nav-wrap .top-person {float: right; display: inline;position: relative; _margin-left: -15px;}
.top-nav-wrap .tn-navli {float: left;position: relative;display: inline-block;font-size: 14px;padding: 0 5px;_border: none;margin-right: -1px;}
.top-nav-wrap .tn-navli .tn-tab{width: auto;color: #eee;display: inline-block;cursor: pointer;position: relative;z-index: 9999;padding: 0 5px;line-height: 35px;}
.top-nav-wrap .tn-navli em{float: left;display: inline;margin-top: 8px;width: 20px;height: 20px;line-height: 20px;}
.top-nav-wrap .tn-navli .tn-tab .Appo {background-position: -147px -175px;}
.top-nav-wrap .tn-navli .tn-tab:hover {}
.top-nav-wrap .tn-navli .dd-apps span, .layer-border .ke-hu span {color: #333;}


.layer-border {display: none; border: 1px solid #eee;position: absolute;z-index: 9999;top: 35px;-webkit-box-shadow: 4px 7px 16px rgba(0,0,0,0.05);-moz-box-shadow: 4px 7px 16px rgba(0,0,0,0.05);box-shadow: 4px 7px 16px rgba(0,0,0,0.05);left: -1px;border-radius: 5px;}
.top-nav-wrap .tn-nav .tn-navli:hover{background:#424755;color:#fff}
.top-nav-wrap .tn-navli:hover .layer-border{display: block;}
.layer-border.layer1 {margin-left: -142px;left: 50%;}
.layer-border .icon-up-arrow {width: 13px;height: 0;position: relative;font-size: 0;line-height: 0;margin-left: -6px;left: 50%;}
.layer-border .icon-up-arrow i {position: absolute;top: -7px;left: 0;width: 13px;height: 10px;overflow: hidden;background: url(../images/ico1.png) no-repeat -153px -217px;clear: both;}
.layer-border .dd {width: 280px; display: block;overflow: hidden;background-color: #fff;border-radius: 5px;}
.layer-border .dd .dd-apps {display: inline-block;flaot: left;width: 100%;border-bottom: 1px dotted #e8e8e8;}
.layer-border .dd .dd-apps dt {width: 90px;height: 90px;display: inline-block;float: left;margin:15px;_margin: 18px 11px 0px 9px;padding: 0px;/*text-indent: -1900px;background: url(../images/ico1.png) no-repeat;*/}
.layer-border .dd .dd-apps dt img{width: 100%;height: 100%;}
.layer-border .dd .dd-apps dt.App-p {background-position: 0 -278px;}
.layer-border .dd .dd-apps dt.weixin-net {background-position: 0px -1064px;}
.layer-border .dd .dd-apps dt.wap-net {background-position: 0px -403px;}
.layer-border .dd .dd-apps dd p { width: 100%; line-height: 22px; line-height: 22px; font-size: 12px; padding-bottom: 10px; _padding-bottom: 5px;}
.layer-border .dd .dd-apps dd,.layer-border .dd .dd-apps dd span {display: inline-block;flaot: left;font-size: 14px;line-height: 30px;text-align: left;width: 155px;padding-top: 5px;_padding-bottom: 8px;}
.layer-border .dd .dd-apps dd a {width: 40px;display: inline-block;font-size: 12px;line-height: 16px;text-align: center;padding: 0px;margin: 0px;margin-right: 10px;color: #333;}
.layer-border .dd .dd-apps dd .f-icon {margin: 0px;}
.layer-border .dd .dd-apps dd a.amag {margin-right: 0px;}
.layer-border .dd .dd-apps dd p.Gray {color: #a0a0a0;}
.layer-border .dd .dd-apps dd span.line24 {line-height: 24px;} 
.layer-border .dd .dlbg {background: #fcfcfc;}
.f-icon {width: 40px;height: 40px;display: inline-block;line-height: 14px;vertical-align: text-top;background: #e5e5e5 url(../images/ico1.png) no-repeat;
border-radius: 50%;}
.icon-anz { float: left; background-position: -64px -210px;}
.icon-PC {float: left;background-position: -34px -128px;} 
.icon-IPh {float: left;background-position: -67px -128px;}

/*logo*/
.header{background:#fff; border-bottom: #e7e7e7 0px solid; box-shadow: 0 1px 5px 1px rgba(0, 0, 0, .08);}
.header .head-warp{height:60px;padding:15px 0;}
.header .logo{position: relative; height:60px; margin: 0px;padding-right:15px;float:left; /*background: url("../images/logo_line.png") right -1px no-repeat;background-size: 1px 41px;*/}
/* .header .logo:after { content: ''; position: absolute; width: 1px;  height: 30px; background: #cdcdcd; top: 7px; right: 0;} */
.header .logo a{display:block;}
.header .logo img{height:60px; vertical-align: middle;}
.header .chanName{display:block;min-width:80px;float:left;margin: 0px 0;padding-left:15px;height: 42px;line-height:42px;}
.header .chanName img {margin-top:0px; vertical-align: middle;}
.header .chanName h2{margin:0px;line-height:42px; font-size:24px;font-size:2.4rem;font-weight:500;letter-spacing:1px}
.header .chanName h2 a{display:block;color:#666;}
.header .chanName h2 a:hover{color:#EE6946}
.header .headad{display:block; margin-left: 5%; float:left;width:640px;height:60px;}


/*����*/
.search {width: 300px;margin-top: 10px;padding:0px;overflow:hidden;}
.search .search-form{display:block;position:relative;height: 38px;position:relative;background: #eee;border:0px #eee solid;}
.search .hot-key{width: 100%;/*float: right;*/  margin-top:6px; line-height:18px; font-size: 12px; color: #888;}
.search .hot-key li{float:right;}
.search .hot-key a{margin-right:10px;}
.search .search-hot{width:100%;height:17px;line-height:17px;color:#888;font-size:12px;margin-top:10px;overflow:hidden}
.search .search-hot a{margin-right:5px;color:#555}
.search-form .ipt{display:inline-block;height: 36px;border: 1px solid #eee;border-right:0;border-radius:3px 0 0 3px;float:left;}
.search-form .dropdown{position:static;float:left;}
.search-form .dropdown-toggle{display:inline-block;width:47px;work-break:break-all;height:38px;overflow:hidden;line-height:38px;padding:0 16px;border-right:1px solid #e8e8e8;vertical-align:top;cursor:pointer;float:left;background:#f8f8f8 url(../images/icon.png) no-repeat 62px 17px}
.search-form .dropdown-menu{min-width:81px;top:39px;margin:0;border:1px solid #eaeaea;border-radius:0;-webkit-box-shadow:none;box-shadow:none;}
.search-form .dropdown-menu li{padding:0 18px;height:30px;line-height:30px;cursor:pointer;overflow:hidden}
.search-form .input-text{width: 139px;height: 38px;padding:0 18px;vertical-align:top;float:left;border:0;outline:0;background:0;color: #999;}
.search-form .btn{width:58px;height: 38px;line-height: 38px;font-size:16px;border-radius:0 3px 3px 0;vertical-align:top;float:left;overflow:hidden;word-break:break-all;background: #EE6946;color:#fff;border:0;outline:0;}
.search-form .tab{position:static;float:left;}
.search-form .tab input{color: #999;}
.search-form #sid{display:inline-block;width:43px;work-break:break-all;height: 36px;line-height: 36px;overflow:hidden;/* line-height: 33px; */padding: 0 10px;border-right:1px solid #e8e8e8;vertical-align:top;cursor:pointer;float:left;color: #999;background:#f8f8f8 url(../images/icon.png) no-repeat 45px 14px;}
.search-form #nsid{position:absolute;min-width:77px;left:0;top:39px;margin:0;background:#fff;border:1px solid #eaeaea;padding:3px 0;z-index:999;}
.search-form #nsid li{padding:0 17px;height:30px;line-height:30px;cursor:pointer;overflow:hidden}
.search-form #sid.active{background-position:-29px 13px}

/*ͷ��*/
.header .rec-nav{float:right;margin-left: 50px;padding-top:0px;font-size:0;text-align:center;height: 42px;}
.header .rec-nav a{position:relative;display:inline-block;width:76px;vertical-align:top}
.header .rec-nav .ico{width:22px;height:20px;display:block;background:url('../images/sprite.png') no-repeat;margin:0 auto}
.header .rec-nav em{display:block; line-height: 26px;  font-size:14px;}
.header .rec-nav .u-vline{width:1px;height:12px;overflow:hidden;font-size:0;background:#e5e5e5;display:inline-block;margin-top: 15px;}
.header .rec-nav .sharp{top:-8px; left:59px;line-height:0; overflow:hidden;position:absolute; width:16px;height:8px; background:url('../images/sprite.png') -111px -49px no-repeat}
.header .rec-nav .ydd-tag {display:none; position:absolute;z-index:2; top:50px; left:-40px; width:130px; border:1px solid #f0f0f0 ;background:#fff; line-height:15px; font-size:12px; border-radius: 3px;}
.header .rec-nav .ydd-tag .sharp{left:70px;}
.header .rec-nav .ydd-box{ width:140px;padding-left:16px;padding-right:15px;padding: 10px;}
.header .rec-nav .ydd-tag img{display:block;border:none;margin:0 auto;}
.header .rec-nav .ydd-tag-dl{overflow:hidden;margin-bottom:10px;}
.header .rec-nav .ydd-tag-dl dt{float:left;width:50px; height:20px; margin-right:0px; padding-right:5px;  color:#ef2d36; line-height:20px; background:url(../images/offcn0icotip.jpg) center center no-repeat;}
.header .rec-nav .ydd-tag-dl dd{float:left;line-height:20px;color:#666;width:80px;}
.header .rec-nav .ydd-tag-dl a,.ydd-tag-dl a:hover{color:#ef2d36;text-decoration:none;}
.header .rec-nav .ico-gzh .ico{background-position:-110px -129px}
.header .rec-nav .ico-gzh:hover em{color:#00b16d}

.header .rec-nav .ico-ydd .ico{background-position:-132px -129px}
.header .rec-nav .ico-ydd:hover em{color:#f80}
.header .rec-nav .ico-ydd:hover .ydd-tag{display:block}
.header .rec-nav .ico-zzzj .ico{background-position:-154px -129px}
.header .rec-nav .ico-zzzj:hover em{color:#0094ce}
.header .rec-nav .ico-jcz .ico{background-position:-176px -129px}
.header .rec-nav .ico-jcz em{color:#EE6946}

/*λ��*/
.crumbs{margin:10px auto; color:#666;}
.crumbs .fn-left{padding:0; line-height: 20px;font-size:13px;}
.crumbs .fn-left a{color:#666;}

/*导航*/
.nav{width:100%;margin:0;}
.nav-wrap{background:#EE6946;min-height:45px;height:45px;}
.nav-wrap li{height:43px;line-height:43px;float:left;}
.nav-wrap li a{font-size:17px;color:#fff;padding:0 19px;display:block;position:relative;letter-spacing:2px;}
.nav-wrap li a i{position:absolute;top:14px;right:0;display:block;height:18px;width:0;overflow:hidden;border-left:1px solid #D85A3A;border-right:1px solid #F08A6B;}
.nav-wrap li a.current,.nav-wrap li a:hover{background-color:#cf5738;}
.nav-wrap li a.current i,.nav-wrap li a:hover i{border-color: #cf5738;}
.nav-wrap li.has-sub{position:relative;}
.nav-wrap li.has-sub .nav-sub{display:none;position:absolute;top:43px;left:0;z-index:9999;background:#EE6946;padding:0;margin:0;list-style:none;min-width:100%;}
.nav-wrap li.has-sub:hover .nav-sub{display:block;}
.nav-wrap .nav-sub li{float:none;height:38px;line-height:38px;white-space:nowrap;}
.nav-wrap .nav-sub li a{font-size:15px;}
.subnav-wrap{background:#f9f9f9;height:45px;line-height:45px;border-bottom:1px solid #efefef}
.subnav-wrap .container>i{position:relative;top:10px;float:left;background-color:#EE6946}
.subnav-wrap .container>i:after{border-left-color:#EE6946}
.subnav-wrap a{float:left;padding:0 10px}
.subnav-wrap .current{color:#EE6946;font-weight:700;}

/* ===��ǩ=== */
.tags-cover{height:120px;background-repeat: no-repeat;background-position: center center;position: relative;background-size:cover;}
.tags-cover-bg{width:100%; height:120px; overflow:hidden; position:relative}
.tags-cover-bg img{width:102%;filter:blur(8px);-webkit-filter:blur(8px);-moz-filter:blur(8px);-o-filter:blur(8px);}
.tags-cover-pic{width:180px; height:120px; position: absolute; bottom: -45px; left: 50%; margin-left: -91px; border-radius: 2px; overflow:hidden; z-index:3; border: 1px solid #f9f9f9;}
.tags-cover-pic:before, .tags-cover:before{content:""; width:100%; height:100%; background-color:rgba(0,0,0,0.05); position:absolute; top:0 ;left:0; z-index:2}
.tags-cover-pic:before{z-index:3;border-radius:2px;}
.tags-cover-pic .favor-pic{ width:100%; height:100%; z-index:2; border-radius:2px;}
.tags-info{color: #444; padding:50px 0 15px 0;background: #fff}
.tags-info .tags-name{text-align: center; width:60%; margin:0 auto;font-size: 18px;}
.tags-info .tags-dsc{font-size: 16px; color: #999; padding:10px 10px; line-height: 24px; text-indent: 2em;}
.tags-count{height:45px; padding:0 10px; color: #444; line-height:45px;}
.tags-count span,.tags-count em{float:left;}
.tags-count span.subscribe-btn{display:inline-block;background:#EE6946;border-radius:3px;padding:0 10px;margin:8px 0 0 8px;height:30px;line-height:30px;color:#fff}
.tags-count .arcList-from a{display:inline-block;background:#f6f6f6;border:1px solid #d7d7d7;padding:0 6px;margin-top:9px;height:25px;line-height:25px;color:#7f7f7f}
 
/*== footer ==*/
.footer{width:100%;margin-top:0px;background:#272830;height:50px;line-height:50px;font-size:14px;color:#b2b4c7;overflow:hidden}
.footer a{color:#b2b4c7}
.footer .copyright{float:left;overflow:hidden}
.footer .about{float:right;}
.footer .about a{padding-left:9px;padding-right:10px;position:relative}
.footer .about i{position:absolute;top:2px;right:0;display:block;height:13px;width:0;overflow:hidden;border-left:1px solid #6f6f6f}
.footer-wrap { padding:40px 0; background: #1F2C40; text-align: center; color: #a4aec7;}
.footer-wrap .about {padding:0px;line-height: 210%;text-align: center;font-size:12px;} 
.footer-wrap .txt{margin: 0 auto;text-align: center;}
.footer-wrap a {color: #a4aec7; text-decoration: none; }
.footer-wrap a:hover { text-decoration: underline; }
.footer-wrap p{line-height:30px; }
.footer-wrap p.feetNav{ font-size:12px; }
.footer-wrap p.feetNav a {margin:0 8px;color: #a4aec7; text-decoration: none; }
.footer-wrap p.cp{font-size:12px;}

.showBox{margin: 0 auto;background: #FFF;text-align: center;}
.show728{width:730px;height:auto;margin: 0 auto;}
.lanmu300{padding:0px; min-height:250px;}


@font-face {font-family: "dnbs-icon";
  src: url('//at.alicdn.com/t/font_684798_zmvo8pb6lr.eot?t=1532006080060'); /* IE9*/
  src: url('../fonts/font_684798_zmvo8pb6lr.eot') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/font_684798_zmvo8pb6lr.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/font_684798_zmvo8pb6lr.svg') format('svg'); /* iOS 4.1- */
}

.dnbs-icon {
  font-family:"dnbs-icon" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-mobile:before { content: "\e600"; }

.icon-tech:before { content: "\e6cd"; }

.icon-pc:before { content: "\e613"; }

.icon-user:before { content: "\e6a4"; }

.icon-share:before { content: "\e606"; }

.icon-zan:before { content: "\e62c"; }

.icon-clone:before { content: "\ea4e"; }

.icon-search:before { content: "\e779"; }

.icon-picture:before { content: "\e7e5"; }

.icon-links:before { content: "\e694"; }

.icon-support:before { content: "\e7b6"; }

.icon-chevron-up:before { content: "\e71b"; }

.icon-date:before { content: "\e616"; }

.icon-video:before { content: "\e601"; }

.icon-yuandianxiao:before { content: "\e82f"; }

.icon-comment:before { content: "\e64a"; }

.icon-qq:before { content: "\e623"; }

.icon-topic:before { content: "\e659"; }

.icon-angle-double-down:before { content: "\e610"; }

.icon-spot:before { content: "\e630"; }

.icon-qzone:before { content: "\e728"; }

.icon-calendar:before { content: "\e666"; }

.icon-home:before { content: "\e734"; }

.icon-wechat:before { content: "\e614"; }

.icon-hot:before { content: "\e756"; }

.icon-home1:before { content: "\e632"; }

.icon-weibo:before { content: "\e6c8"; }

.icon-tag:before { content: "\e603"; }

.icon-notebook:before { content: "\e6a3"; }

.icon-angle-right:before { content: "\e604"; }

.icon-star2:before { content: "\e611"; }

.icon-star:before { content: "\e6fb"; }

.icon-article:before { content: "\e61d"; }

.icon-refresh:before { content: "\e615"; }

.icon-router:before { content: "\e68d"; }

.icon-follow-add:before { content: "\e629"; }

.icon-follow-minus:before { content: "\e62d"; }

.icon-view:before { content: "\e612"; }

.icon-pen:before { content: "\e6e5"; }

.icon-peizhi:before { content: "\e602"; }

.icon-chevron-down:before { content: "\e830"; }

.icon-angle-double-left:before { content: "\e831"; }

.icon-angle-double-right:before { content: "\e832"; }

.icon-chevron-left:before { content: "\ea4f"; }

.icon-chevron-right:before { content: "\ea50"; }

.icon-angle-up:before { content: "\ea51"; }

.icon-angle-down:before { content: "\ea52"; }

.hr10{height:10px;}.hr15{height:15px;}.hr20{height:20px;}.hr30{height:30px;}.hr40{height:40px;}

.hintbg{width:100%;height:22px;background:#000;opacity:.6;filter:alpha(opacity=60);overflow:hidden;position:absolute;bottom:0;z-index:1;right:0;}

.border-gray{border:1px solid #ededed;}
.border-red{border:1px solid #ededed;border-top:3px solid #EE6946;}
.border-black{border:1px solid #ededed;border-top:3px solid #333;}
.border-blue{border:1px solid #ededed;border-top:3px solid #EE6946;}

.badge-angle-right,a.badge-angle-right{position:relative;height:22px;line-height:22px;padding:0 8px;background-color:#EE6946;zoom:1;font-size:9pt;font-weight:400;text-align:center;color:#fff;display:inline-block;border-radius:2px}
.badge-angle-right:after,a.badge-angle-right:after{content:'';position:absolute;top:50%;right:-5px;transform:translateY(-50%);border-top:4px solid transparent;border-left:5px solid #EE6946;border-bottom:4px solid transparent}

.mod{position:relative;background:#fff}
.mod .title{height:36px;background:#f6f5f5;border-bottom:1px solid #ededed}
.mod .title h5,.mod .title h6{font-size:1pc;line-height:36px;padding-left:15px}
.mod .titleA,.mod .titleA h5{color:#333;height:45px;line-height:45px}
.mod .titleA h5{background:#f6f6f6;margin:0;text-align:center;font-size:20px}
.mod .titleA h6{margin:0;color:#333;height:45px;line-height:43px;font-size:18px;border-bottom:2px solid #e6e6e6}
.mod .titleA em{color:#EE6946}
.mod .titleA a{color:#333}
.mod .titleA .more{position:absolute;top:6px;right:0;line-height:36px;font-size:9pt;color:#555}
.mod .titleB{position:relative;height:36px;background:#f8f8f8;border-left:4px solid #0af}
.mod .titleB h3{display:inline-block;margin:0;padding:0 10px;font-size:18px;color:#111;line-height:36px}
.mod .titleB .more{position:absolute;top:0;right:10px;line-height:36px}
.mod .titleC{position:relative;height:45px;line-height:43px;border-bottom:2px solid #e6e6e6}
.mod .titleC h5{display:inline-block;margin:0;font-size:18px;color:#333;line-height:43px}
.mod .titleC .more{position:absolute;top:6px;right:0;line-height:36px;font-size:9pt;color:#555}
.mod .titleD{position:relative;height:45px;line-height:43px}
.mod .titleD h5{position:absolute;display:inline-block;margin:0;font-size:18px;color:#333;line-height:43px;background:#fff;z-index:999;padding:0 8px;left:20px;font-weight:700}
.mod .titleD .more{position:absolute;top:6px;right:0;line-height:36px;font-size:9pt}
.mod .titleD .bg{width:100%;height:10px;background:#efefef;display:block;position:absolute;top:18px;left:0}
.mod .more i{font-size:9pt}
.mod .titleE{padding:15px 15px 0;height:24px;line-height:24px;background:0 0;border:0;overflow:hidden}
.mod .titleE:before{content:'';width:5px;height:24px;background:#0af;float:left}
.mod .titleE h5{font-size:18px;line-height:24px;font-weight:700;padding-left:16px;}
.mod .titleE .more{position:absolute;top:15px;right:10px;color:#555;font-size:9pt;line-height:24px}

.article-list{overflow:hidden}
.article-list li{position:relative;padding-left:10px;height:34px;line-height:34px;overflow:hidden}
.article-list li:before{position:absolute;left:0;top:50%;margin-top:-2px;content:"";background:#ccc;width:4px;height:4px;overflow:hidden;display:inline-block;border-radius:2px}
.article-list li em{float:right;color:#999;font-size:12px;margin-left:10px}
.article-list li .time{color:#999;margin-left:8px;font-size:12px}

.article-relation{margin-top:20px;padding:10px 0;background:#f9f9f9}
.article-relation .article-list li{float:left;width:45%;margin:0 2%;height:38px;line-height:38px;font-size:15px;overflow:hidden}
.article-relation .article-list li a{display:block;height:35px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.article-relation .article-list li:before{float:left;content:"";background:#ccc;width:4px;height:4px;overflow:hidden;display:inline-block;margin:16px 8px 0 0;border-radius:2px;}

.article-rec {padding:0 10px;overflow:hidden;}
.article-rec li{position: relative;padding-left:110px;margin:15px 0 20px 0;height:67px;}
.article-rec li h3{height:40px;line-height:20px;margin-top:3px;margin-bottom:5px;font-size:14px;overflow:hidden}
.article-rec li .pic{width:110px;position:absolute;left:0;top:0;}
.article-rec li .info{position:relative;color:#9FA3A7;font-size:12px;}

.article-hot{padding:10px;overflow:hidden;}
.article-hot li{height:36px;line-height:36px;overflow:hidden}
.article-hot li .mun{color: #d52b2b;height:20px;float:left;font-size:20px;font-style:italic;font-family: "georgia", "STHeiti", "Microsoft YaHei", "simsun", "sans-serif", Arial;line-height:15px;margin:8px 10px 0 0;overflow:hidden;text-align:center;width:20px;}
.article-hot li:nth-child(n+4) .mun{color:#888;}
.article-hot li em{display:inline-block;width:20px;height:20px;line-height:20px;font-size:12px;color:#fff;text-align:center;background:#E56B32;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;margin-right:6px;}
.article-hot li:nth-child(n+4) em{background:#dfdfdf;color:#333}
.article-hot li em.em2{display:inline-block;width:16px;height:16px;line-height:16px;font-size:12px;color:#fff;text-align:center;background:#ff8773;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:0;margin-right:6px;}
.article-hot li:nth-child(n+4) em.em2{background:#c8c8c8;}

.hot-main{display:flex;gap:15px;align-items:stretch;padding:0 15px 15px;box-sizing:border-box;}
.hot-main>.mod{flex:1 1 0;min-width:0;}

.timg-list{margin-top:-20px;width: 420px;overflow:hidden;}
.timg-list li{width:190px;margin-right: 20px;margin-top:20px;float:left;}
.timg-list a{display:inline-block;position:relative;}
.timg-list img{width:190px;height:128px}
.timg-list .hintbg,.timg-list .tit{width:100%;height:28px;line-height:28px;}
.timg-list .tit{position:absolute;left:0;bottom:0;width:172px;padding:0 10px;font-size:12px;color:#fff;text-align:center;z-index:2;overflow:hidden;}

.fixed{position:fixed;top:0px;z-index:20}
.fixed-box{width:300px;background:#fff;}
.titleC{height:49px;border-bottom:1px solid #eee;margin-bottom:10px;}
.titleC .bTit{float:left;position:relative;border-bottom:3px solid #EE6946;bottom:-0px;font-size:20px;line-height:47px;color:#EE6946;font-weight:normal;}
.titleC .sTit{float:right;color:#333;border-top:0px #ff9900 solid;line-height:49px;margin-top:0px;font-size:16px;position:relative;}
.titleC .sTit a{color:#959595;}
.titleC .sTit a i{margin-left:5px;font-family:serif;color:#959595;font-weight:700;}
.titleC .sTit a:hover,.titleC1 .sTit a:hover i{color:#f80;}
.side-warp .mod-warp{margin-bottom:15px;box-shadow:0 -4px 25px 1px rgba(0,0,0,.05);}
.side-warp .mod-cont{padding:15px 10px;border:#eee 0px solid;background:#fff;}
.side-title{padding:10px 0;text-align:center;font-size:16px;font-weight:700;}
.side-title.blue{background:#EE6946;color:#fff;}
.side-title.red{background:#CD3700;color:#fff;}
.side-title.side-tabs-title{padding:0;display:flex;align-items:stretch;justify-content:space-between;}
.side-title.side-tabs-title .side-tab{flex:1 1 50%;display:block;padding:10px 0;color:rgba(255,255,255,.88);text-decoration:none;}
.side-title.side-tabs-title .side-tab + .side-tab{border-left:1px solid rgba(255,255,255,.18);}
.side-title.side-tabs-title .side-tab.is-active{color:#fff;background:rgba(0,0,0,.08);}
.side-tab-panel{display:none;}
.side-tab-panel.is-active{display:block;}
.feeds-tabs{margin-bottom:10px;height:44px;z-index:10;border-bottom:1px solid #eee;overflow:hidden;background:#fff;}
.feeds-tabs>li{float:left;margin:0 15px;display:table-cell;height:45px;line-height:43px;font-size:18px;text-align:center;cursor:pointer}
.feeds-tabs>li,.feeds-tabs>li>span{display:inline-block;}
.feeds-tabs>li.cur{margin-bottom:-1px;height:42px;border-bottom:2px solid #EE6946;color:#EE6946}
.feeds-tabs>li.cur>a{border-bottom:0px solid #EE6946;color:#EE6946;font-weight:500;}
.feeds{overflow:hidden;}
.feeds-list{overflow:hidden;}
.feeds-list .feeds-item{padding:20px 0;height:auto;overflow:hidden;}
.feeds-list li + li{border-top:1px #eee solid;}
.feeds-list li:hover{background:#f8f8f8;-webkit-transition:all .2s linear;transition:all .2s linear;cursor:pointer;}
.feeds-list .feeds-item .feeds-pic{width:165px;height:100px;float:left;display:inline-block;margin-right:15px;position:relative;overflow:hidden;}
.feeds-list .feeds-item .feeds-pic img{width:100%;height:100%;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.feeds-list .feeds-item h3{line-height:20px;margin-bottom:10px;overflow:hidden;}
.feeds-list .feeds-item h3 a{display:inline-block;width:100%;font-size:18px;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.feeds-list .feeds-item .feeds-text{font-size:12px;color:#999;line-height:22px;height:44px;overflow:hidden;margin-bottom:8px;}
.feeds-list .feeds-item .feeds-info{height:18px;line-height:18px;color:#666;overflow:hidden;font-size:13px;}
.feeds-list .feeds-item .feeds-info span{margin-right:8px}
.feeds-list .feeds-item .feeds-info a{color:#666}
.feeds-list .feeds-item .feeds-info i{width:1pc;font-size:14px !important;margin-right:3px}
.feeds-list .feeds-item .feeds-info .tags{float:right;max-width:360px;overflow:hidden;}
.feeds-list .feeds-item .feeds-info .tags a{margin-right:5px}
.feeds-list .feeds-item .feeds-info .tags a:hover{color:#EE6946}
.feeds-list .feeds-item .feeds-info .tags a:after{content:"";width:3px;height:3px;font-size:14px;display:inline-block;background:#ccc;margin:5px 0 3px 5px;border-radius:3px;}
.feeds-list .feeds-item .feeds-info .tags a:last-child::before{content:"";width:0;height:0;}
.feeds-list .feeds-item .feeds-tags{font-size:12px;color:#666;line-height:22px;height:44px;overflow:hidden;margin-bottom:10px;}
.feeds-list .feeds-item .feeds-tags a{margin-right:10px}
.feeds-recbox{padding:10px 30px 15px;overflow:hidden;}
.article-recommend{background:#fff;overflow:hidden;}
.feeds-flow{width:100%;height:40px;line-height:40px;margin:5px 0;background:#f1f1f1;font-size:1pc;color:#EE6946;letter-spacing:1px;text-align:center;cursor:pointer}
.feeds-list .feeds-item .img-list{margin:15px 0;overflow:hidden;}
.feeds-list .feeds-item .img-list .img-item{float:left;width:165px;height:100px;margin-right:15px;position:relative;overflow:hidden;transform-style:preserve-3d;display:list-item;}
.feeds-list .feeds-item .img-list .img-item:last-child{margin-right:0;}
.feeds-list .feeds-item .img-list .img-item img{display:block;width:100%;height:100%;transition:transform .5s ease .1s;-webkit-transition:-webkit-transform .5s ease .1s;}
.products-recommend{background:#FFF;overflow:hidden;}
.tips-bubble{background:#ff8b81;padding:0 12px;position:relative;top:14px;right:5px;float:left;font-size:12px;color:#fff;height:22px;line-height:22px;white-space:nowrap;border-radius:3px;z-index:99;}
.tips-bubble .left-ag{border-left:5px solid transparent;border-right:5px solid #f37c7c;border-top:4px solid transparent;border-bottom:4px solid transparent;position:absolute;left:-10px;top:7px;width:0;height:0;}
.cbGhead{display:block;padding:0;overflow:hidden;border-bottom:1px #eee solid;}
.cbGhead .cbTitle{float:left;width:100px;line-height:50px;overflow:hidden;}
.cbGhead .cbTitle:hover span{border-left-width:3px}
.cbGhead .cbTitle span{float:left;margin:14px 0;padding-left:14px;padding-right:15px;border-left:3px solid #EE6946;height:22px;line-height:20px;font-size:20px;}
.cbGhead .cbTitle strong{font-weight:normal;font-size:20px;}
.cbGhead .cbMore{float:right;margin-right:2px;border-top:0px #ff9900 solid;line-height:50px;margin-top:-0px;font-size:16px;position:relative;}
.cbGhead .cbMore a{color:#959595;}
.cbGhead .cbMore a i{margin-left:5px;font-family:serif;color:#959595;font-weight:700;}
.cbGhead .cbMore a:hover,.cbGhead .cbMore a:hover i{color:#f16969;}
.bshare-custom{float:right;}
.pageBtn{display:block;top:33%;margin-top:-30px;width:24px;height:50px;background:rgba(8,0,0,.5);color:#fff;font-size:20px;text-align:center;cursor:pointer;position:absolute;z-index:99;}
.pageBtn:hover{text-decoration:none;background:#222;}
.pageBtn:after{content:'';display:block;width:12px;height:12px;position:absolute;top:50%;margin:-8px 0 0 -2px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.pageBtn.sPrev{left:-15px;transform:rotateY(180deg);}
.pageBtn.sPrev:after{left:12%;border-top:2px solid white;border-right:2px solid white;}
.pageBtn.sNext{right:-15px;transform:rotateY(180deg);}
.pageBtn.sNext:after{right:10%;border-bottom:2px solid white;border-left:2px solid white;}
.parHd,.hireHd{float:left;height:50px;padding-left:20px;text-align:center;position:relative;}
.parHd ul,.hireHd ul{float:right;line-height:50px;}
.parHd ul li,.hireHd ul li{float:left;padding:0 5px;margin:0 13px;height:50px;line-height:50px;cursor:pointer;color:#31424e;font-size:16px;}
.parHd ul li.on,.hireHd ul li.on{height:48px;border-bottom:2px #f16969 solid;}
.vendGroup{overflow:hidden;}
.vendGroup .slideBox{zoom:1;position:relative;overflow:hidden;}
.vendGroup .slideBox .pageBtn{display:none;}
.vendGroup:hover .pageBtn{display:block;}
.vendGroup .parBd{padding:20px 15px;}
.vendGroup .cbGhead{margin:0 15px;}
.vendGroup .parCon{overflow:hidden;height:216px;}
.feeds-hot-ul{float:left;}
.feeds-hot-item{float:left;margin-right:15px;width:815px;height:216px;}
.feeds-hot-item a{width:151px;float:left;position:relative;}
.feeds-hot-item a + a{margin-left:15px;}
.feeds-hot-item a img{width:151px;height:140px;margin-bottom:10px;}
.feeds-hot-item a .title{display:block;margin-bottom:5px;font-size:14px;line-height:20px;height:40px;overflow:hidden;}
.feeds-hot-item a:hover .title{color:#5188a6;}
.feeds-hot-item a .fc-red{font-size:14px;color:#EE6946;line-height:20px;display:block;height:20px;overflow:hidden;}
.feeds-hot-item .hot-order{z-index:10;position:absolute;top:0;left:6px;display:block;height:20px;width:24px;background-color:#EE6946;line-height:26px;text-align:center;font-size:16px;color:#fff}
.feeds-hot-item .hot-order:after,.feeds-hot-item .hot-order:before{content:"";position:absolute;width:0;height:0;border-style:solid}
.feeds-hot-item .hot-order:before{left:0;bottom:-10px;border-color:#EE6946 transparent transparent #EE6946;border-width:5px 12px}
.feeds-hot-item .hot-order:after{right:0;bottom:-10px;border-color:transparent #EE6946 transparent transparent;border-width:4px 11px}
.feeds-hot-item .hot-order-1{background-color:#cf5738;}
.feeds-hot-item .hot-order-1:before{border-color:#cf5738 transparent transparent #cf5738;}
.feeds-hot-item .hot-order-1:after{border-color:transparent #cf5738 transparent transparent;}
.feeds-hot-item .hot-order-2{background-color:#EE6946;}
.feeds-hot-item .hot-order-2:before{border-color:#EE6946 transparent transparent #EE6946;}
.feeds-hot-item .hot-order-2:after{border-color:transparent #EE6946 transparent transparent;}
.feeds-hot-item .hot-order-3{background-color:#ff8652;}
.feeds-hot-item .hot-order-3:before{border-color:#ff8652 transparent transparent #ff8652;}
.feeds-hot-item .hot-order-3:after{border-color:transparent #ff8652 transparent transparent;}
.feeds-hot-item .hot-order-4{background-color:#ffa742;}
.feeds-hot-item .hot-order-4:before{border-color:#ffa742 transparent transparent #ffa742;}
.feeds-hot-item .hot-order-4:after{border-color:transparent #ffa742 transparent transparent;}
.feeds-hot-item .hot-order-5{background-color:#b6cadd;}
.feeds-hot-item .hot-order-5:before{border-color:#b6cadd transparent transparent #b6cadd;}
.feeds-hot-item .hot-order-5:after{border-color:transparent #b6cadd transparent transparent;}
.i-pictit-ul{overflow:hidden;}
.i-pictit-ul li{height:50px;margin-bottom:15px;background:#fff;-webkit-transition:all .2s linear;transition:all .2s linear;}
.i-pictit-ul li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none;}
.i-pictit-ul li:hover{-webkit-transition:all .2s linear;transition:all .2s linear;cursor:pointer;}
.i-pictit-ul li .feed-pic{width:44px;height:44px;float:left;display:inline-block;margin-right:10px;position:relative;overflow:hidden;}
.i-pictit-ul li .feed-pic img{width:100%;height:100%;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.i-pictit-ul li h3{margin-bottom:8px;height:20px;line-height:22px;font-size:14px;}
.i-pictit-ul li h3 a{display:block;line-height:20px;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.i-pictit-ul li .feed-text{font-size:12px;color:#999;line-height:16px;height:32px;overflow:hidden;margin-bottom:-2px;}
.i-pictit-ul li .feed-info{height:16px;line-height:16px;color:#999;overflow:hidden;font-size:12px;}
.i-pictit-ul li .feed-info span{float:left;margin-right:8px}
.i-pictit-ul li .feed-info a{color:#999}
.i-pictit-ul li .feed-info i{width:1pc;font-size:12px !important;margin-right:3px}
.i-pictit-ul li .feed-info span.time{float:right;margin-right:0px}
.i-pictit-ul.tag-list{display:flex;flex-wrap:wrap;gap:8px;overflow:visible;}
.i-pictit-ul.tag-list li{height:auto;margin:0;background:transparent;}
.i-pictit-ul.tag-list li:hover{background:transparent;}
.i-pictit-ul.tag-list .tag-item{display:inline-block;max-width:100%;padding:6px 12px;border:1px solid #eee;border-radius:999px;background:#fafafa;color:#666;font-size:13px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.i-pictit-ul.tag-list .tag-item:hover{border-color:#EE6946;color:#EE6946;background:#fff;}
.i-pictit-ul.tag-list .tag-empty{display:inline-block;color:#999;font-size:13px;line-height:18px;}
.win-search-page .crumbs{margin-top:15px;}
.win-search-page .win-search-kw{color:#EE6946;}
.win-search-box{padding:12px 10px;}
.win-search-row{display:flex;align-items:flex-start;padding:10px 0;border-bottom:1px dashed #eee;}
.win-search-row:last-child{border-bottom:0;}
.win-search-label{width:60px;line-height:34px;color:#666;font-weight:600;}
.win-search-main{flex:1;min-width:0;}
.win-search-input{width:320px;max-width:100%;height:34px;line-height:34px;padding:0 10px;border:1px solid #e6e6e6;border-radius:2px;outline:none;background:#fff;}
.win-search-input:focus{border-color:#EE6946;box-shadow:0 0 0 2px rgba(238,105,70,.12);}
.win-search-btn{display:inline-block;height:34px;line-height:34px;padding:0 14px;margin-left:8px;background:#EE6946;color:#fff;border-radius:2px;vertical-align:top;}
.win-search-btn:hover{background:#cf5738;color:#fff;text-decoration:none;}
.win-search-total{margin-left:10px;line-height:34px;color:#999;font-size:13px;}
.win-search-tags{margin:0;}
.win-search-tags .tag-item.is-active{border-color:#EE6946;color:#EE6946;background:#fff;}
.hot-rank-list{margin-top:-1px;}
.hot-rank-list li{position:relative;}
.hot-rank-list li + li{margin-top:15px;}
.hot-rank-list li:hover{background:#f8f8f8;-webkit-transition:all .2s linear;transition:all .2s linear;cursor:pointer;}
.hot-rank-list li .feeds-pic{width:90px;height:66px;float:left;display:inline-block;margin-right:15px;position:relative;overflow:hidden;}
.hot-rank-list li .feeds-pic img{width:100%;height:100%;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.hot-rank-list li:hover .feeds-pic img{transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2)}
.hot-rank-list li h3{overflow:hidden;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hot-rank-list li h3 a{display:inline-block;width:100%;line-height:22px;font-size:14px;vertical-align:middle;word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.hot-rank-list li span.num{display:block;width:20px;height:20px;line-height:20px;text-align:center;background:#999;color:#fff;float:left;margin-top:0px;margin-right:15px;z-index:99;}
.hot-rank-list li span.num1{background-color:#ff6161;}
.hot-rank-list li span.num2{background-color:#ff884d;}
.hot-rank-list li span.num3{background-color:#ffac3c;}
.hot-rank-list li:nth-child(1),.hot-rank-list li:nth-child(2),.hot-rank-list li:nth-child(3){padding:10px 0 0;height:66px;position:relative;vertical-align:middle;word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.hot-rank-list li:nth-child(1) span.num{position:absolute;background-color:#ff6161;}
.hot-rank-list li:nth-child(2) span.num{position:absolute;background-color:#ff884d;}
.hot-rank-list li:nth-child(3) span.num{position:absolute;background-color:#ffac3c;}
.hot-ranks{margin-top:-1px;}
.hot-ranks li{padding:0px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hot-ranks li + li{margin-top:15px;}
.hot-ranks li label{display:inline-block;padding:0 5px 0 0;color:#878787;width:20px;height:20px;line-height:20px;text-align:center;}
.hot-ranks .top{padding:0 0 0px;height:60px;position:relative;}
.hot-ranks .top label{display:block;position:absolute;padding:0;text-align:center;top:0;left:0;color:#fff;font-weight:normal;z-index:3;background:#EE6946;}
.hot-ranks .top .rank-pic{width:60px;height:60px;position:absolute;left:0;top:0;}
.hot-ranks .top .rank-pic img{width:60px;height:60px;}
.hot-ranks .top h4{padding-left:74px;white-space:normal;line-height:20px;overflow:hidden;word-break:break-all;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.hot-ranks .top .rank-meta{position:absolute;bottom:2px;left:74px;right:0;color:#999;line-height:16px;font-size:12px;height:16px;overflow:hidden;}
.hot-ranks .top .rank-meta span{float:left;margin-right:8px}
.hot-ranks .top .rank-meta i{width:1pc;font-size:12px !important;margin-right:3px}
.hot-ranks .top .rank-meta span.time{float:right;margin-right:0px}
#pages{padding:14px 0 10px;font-size:14px;margin:0px 0px 5px 0px;}
#pages a{margin-right:5px;margin-bottom:5px;display:inline-block;height:27px;line-height:27px;background:#fff;border:1px solid #e3e3e3;text-align:center;color:#333;padding:0 12px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
#pages a.a1{width:56px;padding:0}
#pages a:hover{background:#f3f3f3;color:#000;text-decoration:none}
#pages span{margin-right:5px;display:block;display:inline-block;height:29px;line-height:29px;background:#EE6946;color:#fff;text-align:center;padding:0 13px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.text-c{text-align:center;}

.xxchkj-back-top{position:fixed;right:18px;bottom:24px;width:44px;height:44px;border:0;border-radius:12px;background:rgba(34,34,34,.78);color:#fff;cursor:pointer;box-shadow:0 10px 22px rgba(0,0,0,.18);display:flex;align-items:center;justify-content:center;z-index:9999;transition:transform .22s ease,background-color .18s ease,opacity .22s ease,bottom .22s ease;opacity:0;transform:translateY(12px);pointer-events:none}
.xxchkj-back-top.is-show{opacity:.92;transform:translateY(0);pointer-events:auto}
.xxchkj-back-top:hover{background:rgba(34,34,34,.92);transform:translateY(-2px);opacity:1}
.xxchkj-back-top:active{transform:translateY(0)}
.xxchkj-back-top .ico{width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:10px solid #fff;margin-top:-2px}
