/* CSS Document */
/*
 *  iT时代网 v5.1
 *  http://www.ityears.com 
 */
 /*全局*/
.fixed{position:fixed;top:0px;z-index:20} 
.fixed-box{width:300px;background:#fff;}
/*titleC*/
.titleC {height: 49px;border-bottom: 1px solid #eee;margin-bottom: 10px;}
.titleC .bTit {float: left;position: relative;border-bottom: 3px solid #0077dd;bottom: -0px;font-size: 20px;line-height: 47px;color: #0077dd;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;}

/*频道焦点图*/ 
#slider{width:500px;}
.slider_box{width:500px;margin:0 auto;height:260px;overflow: hidden;position: relative;}
.silder_con{height:260px;overflow:hidden;position:absolute;}
.silder_panel{width:500px;height:260px;float:left;position: relative;overflow:hidden;}
.silder_panel img{width:100%;height:100%;}
.silder_panel .title{width:480px; padding:20px 10px 30px;height:30px; text-align:center; line-height:30px; position:absolute; left:0; bottom:0; background url(../images/slide_bg.png) 0 -105px repeat;font-size:16px;font-weight: 500;color:#fff; overflow:hidden; background: rgba(0, 0, 0, 0.5);}
.silder_nav{height:10px;bottom:10px;position:absolute;overflow: hidden;left: 40%;}
.silder_nav li{float:left;width:8px;height:8px;border-radius:8px;background:#fff;margin-right:12px;}
.silder_nav li.current{width:30px;border-radius:8px;background:#008ee1;}
.slider_box a.prev,.slider_box a.next{width:30px; height:56px;overflow:hidden; text-indent -999px; position: absolute; cursor: pointer; margin-top:20%; display:none; background:#000;}
.slider_box a.prev{left:0; border-radius: 0px 5px 5px 0;}
.slider_box a.next{right:0; border-radius: 5px 0px 0 5px;}
.slider_box:hover a.prev,.slider_box:hover a.next{display:block;} 
.silder_panel .title {background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.8)));background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,0.8) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 0, rgba(0,0,0,0.8) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#131313', GradientType=0);}
.slider_box i{display:block;}
.slider_box i:after{content:'';display: block;width: 14px;height: 14px;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);}
.slider_box i.z-arrow-l:after{right: 13%;border-bottom: 2px solid white;border-left: 2px solid white;}
.slider_box i.z-arrow-r:after{left: 15%; border-top: 2px solid white; border-right: 2px solid white;}

/*=== 栏目 CSS ===*/
.column-wrap {display:block; padding-left: 130px;}
.column-box{ position: relative;}
.column-focus{float:left;width:500px;height:260px;}
.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: #447EB9; color: #fff;}
.side-title.yellow { background: #ffab69; color: #fff;}
.side-title.purple {background: #ff7f00;color: #fff;}

.column-box{ position: relative;}
.column-left {float:left; width:100%; width:705px; border-radius: 5px;}
.column-side {float:right; width:100%; width:300px; border-radius: 5px;}
.column-focus{float:left;width:500px;height:260px;}

/*左侧栏目导航*/
.fix-navbar{position:absolute; left:0; top:0;}
.fix-navbar .fix-cont{display:block;}
.fix-navbar .logo{margin-bottom:10px;display:none}
.fix-navbar .logo img{width: 110px;height:auto;}
.fix-navbar .fix-nav{width: 110px;padding-bottom:10px; box-shadow: 0 0px 30px 2px rgba(0, 0, 0, .05);}
.fix-navbar .fix-nav li{margin-top:5px;}
.fix-navbar .fix-nav li:first-child{margin-top:0}
.fix-navbar .fix-nav li.hover a,.left-Box .fix-nav li:hover a{background:#008ee1;color:#fff}
.fix-navbar .fix-nav a{position:relative;display:block;padding: 0 10px 0 45px;height:36px;line-height:36px;font-size:16px;}
.fix-navbar .fix-nav i{font-size:18px;position:absolute;left: 1.0pc;top:0;}
.fix-navbar .fixed{position:fixed;top:5px;z-index:20}
.fix-navbar .fixed .logo{display:block}

/*feeds-tabs*/
.feeds-tabs{margin-bottom: 10px; width: 715px; height:44px; z-index:10; border-bottom:1px solid #eee; overflow: hidden; background:#fff; }
.feeds-tabs>li{float:left;margin:0 15px; /*min-width:66px;*/ 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 #f85959; color:#f85959}
.feeds-tabs>li.cur>a{border-bottom:0px solid #f85959; color:#f85959; 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: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)}*/
.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:#f85959}
.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-flow{width:100%;height:40px;line-height:40px;margin:5px 0;background:#f1f1f1;font-size:1pc;color:#3e98f0;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;}

/*栏目推荐*/
.column-reclist{ margin:0px 0;float:right; width: 210px;}
.column-reclist a{ display:inline-block; position:relative; width: 210px; height:128px; margin-bottom: 5px;margin-left: 0px;overflow:hidden;}
.column-reclist a:last-child {margin-bottom: 0;}
.column-reclist a img{ width: 100%; height: 100%; display:inline-block; position:relative;}
.column-reclist a p{ position:absolute;left:0;text-align:center; line-height:25px; font-size:14px; font-weight:bold; color:#fff;font-weight: normal;z-index:2;transition:all linear 0.3s;-webkit-transition:all linear 0.3s;}
.column-reclist a p span{display:block; margin-top: 6px;height:26px; line-height:26px;}
.column-reclist a .bg{position:absolute;left:0;bottom: -96px;height: 100%;background:rgba(0,0,0,0.50);width:100%;z-index:1;transition:all linear 0.3s;-webkit-transition:all linear 0.3s;}
.column-reclist a .rec-title{width:96%;padding:0 2%;height: 33px;/* position:absolute; */left:0;/* top:0; */bottom: 0;right:0;margin:auto;}
.column-reclist a:hover .rec-title {height: 100%; margin:auto;}
.column-reclist a:hover .rec-title span {height: 128px; line-height:26px;display: table-cell;  vertical-align: middle; text-align: center; }
.column-reclist a:hover .bg {bottom:0;}

/*== 内容CSS ==*/
.article-wrap {position:relative; min-height:850px; border-right:0px solid #f5f5f5; background:#FFF;}
.article-box {position:relative; min-height:850px; padding: 20px 40px 20px; border-right:0px solid #f5f5f5; background:#FFF;}
.article-box .show728{margin-top:15px}
/*.article-head*/
.article-head{padding:20px 40px 15px; overflow:hidden;}
.article-head .title {margin: 10px 0 20px;padding-bottom: 0;line-height: 33px;border: none;font-size: 24px;font-weight: 600;}
.article-head .meta {margin-bottom: 0px;padding-bottom: 10px;border-bottom:1px solid #eee;}
.article-head .meta span { color: #999; font-size:13px; margin-right: 10px;line-height: 16px;height: 16px;}
.article-head .meta span a {color: #00a2ff; background-color: transparent; -webkit-text-decoration-skip: objects;}
.article-head .meta span a:hover {color: #f80;}
.article-head .meta .conmment-num { color: #ff4d4d;padding: 0 0 0 5px;text-decoration: none; cursor: pointer;}
.article-head .meta .conmment-num i {display: inline-block; width: 16px; height: 16px; background: url(https://www.cnbeta.com/images/cb_v5_sprite.png) no-repeat -16px -329px;  margin: 0 5px -4px 0;}
/*.article-head .meta em:before{content: "";color: #999;font-size: 16px; margin: 3px;}*/
.article-head .meta .authorship{padding:0 0px;color:#008ee1;line-height: 14px;height: 14px; border: 0px solid #ff7911; border-radius: 3px; font-size:0}
.article-head .meta .authorship:after{content:"\539F\521B"; font-size:13px}
.article-head .meta .authorship.reship{padding:0 3px; color:#a6a6a6; border: 0px solid #ddd; border-radius: 3px; font-size:0}
.article-head .meta .authorship.reship:after{content:"\8F6C\8F7D"; font-size:13px}
/*article-body*/
.article-body{padding:20px 40px;font-size:16px;/*font-size:1.6rem;*/color:#333;}
.article-body .takeaway {padding:10px;margin-top:0px;font-size: 14px; line-height: 24px; word-break: break-all;background:#f5f5f5; color: #444;}
.article-body .article-content {padding: 0 0px;line-height:30px;}
.article-body .article-content p{margin-bottom: 15px; font-size:16px; line-height:30px; letter-spacing: 0.5px; text-indent: 0em; word-wrap: break-word;word-break: break-all;}
.article-body .article-content pre{white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word; }
.article-body .article-content img{max-width: 680px;height:auto !important; margin: 0 auto; vertical-align: middle; border:0}
.article-body .article-content a.infotextkey{color: #379be9;border-bottom: 1px dashed #3687d9;}
.article-body .article-content a:hover {color:#f80; text-decoration: none; border-bottom: 1px solid #f80;}
.article-body .article-content blockquote {position: relative;margin: 0px 15px 15px;padding: 10px 20px;font-size 14px !important;border-left: 4px solid #c0c6cc;background-color: #f8f8fa;}
.article-body .article-content blockquote:before {position: absolute;top:15px;left:15px;display: block;width: 1pc;height: 14px;background: url(../image s/blockquote.png) no-repeat 0 0;content: ''}
.article-body .article-content blockquote:after{position: absolute;right: 15px;bottom: 15px;display: block;width: 1pc;height: 14px;background: url(../image s/blockquote.png) no-repeat -1pc 0;content: ''}
.article-body .article-content blockquote p{margin:10px 0;line-height:30px;font-size 14px !important;padding: 0px 0;}
.article-body .article-content ul,
.article-body .article-content ol{margin: 0 15px 15px;-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto;word-wrap: break-word;word-break: break-all;text-justify: inter-ideograph;}
.article-body .article-content ul li,
.article-body .article-content ol li {margin: 0 15px 0 15px;line-height: 200%;}
.article-body .article-content ul li {margin-bottom:10px; padding-bottom:10px; list-style: disc;border-bottom: 1px #eee dashed;}
.article-body .article-content ul li p {margin: 0;}
.article-body .article-content ol li {list-style: decimal;}
.article-body .article-content ol{padding: 5px 0px;margin-left: 25px;margin-top: 0px !important;margin-right: 15px !important;margin-bottom: 20px !important;background: #f8f8f8;border: 1px #00a650 dashed;border-left: 2px #00a650 solid;}
.article-body .article-content ol li{list-style-type: decimal; border: none; /*border-left: 2px #00a650 solid;*/ line-height: 22px; padding: 0px 10px 0px 10px !important; margin: 0px !important; list-style-position: outside !important; /*background: url(http://images.51cto.com/images/art1105/images/0.gif) -498px -70px repeat-y scroll transparent;*/}
.article-body .article-content ol li code{ font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;}
/*table*/
table{ max-width:96%; margin:10px auto 20px; border:1px solid #eee;border-collapse:collapse;}
table th,table td{line-height: 20px;text-align:center;padding-top: 5px;padding-bottom: 5px;padding: 8px;border: 1px solid #eee;}
table thead th{background: #e9f7ff;font-weight:700;}
table tbody th{background: #fafafa;font-weight:500;}
table tbody p {text-align:center;}

/*tags*/
.article-tags{margin-bottom:20px;line-height: 24px; font-size: 14px;}
.article-tags .fn-left{ display: inline-block;vertical-align: middle;}
.article-tags .fn-left a{color:#406599;float:left;display:block;padding-right:8px; background-position: -24px -47px;}
.article-tags .fn-left a:hover{color:#FF4F53;text-decoration:none;}
.article-tags .fn-left a:after {content: "/";padding-left: 8px; color: #e0e0e0;}
.article-tags .fn-left a:last-child:after {content: "";}
.article-tags .fn-left i{float: left;display: block;width: 20px;height: 16px;background: url(http://www.ityears.com/skin/style/images/2018/icons.png) -72px 0;margin: 5px 12px 0 0px;}
.article-tags .fn-left span{margin: 0 6px;color: #e4e2e2;}
.article-tags .fn-right{font-size: 12px;color: #999999;cursor: pointer;padding-right:10px;}
.article-tags .fn-right span{float: right;cursor: pointer;}
.article-tags .fn-right i{background-image: url(http://www.ityears.com/skin/style/images/2018/icons.png);display: block;float: left;}
.article-tags .star i{background-position: -92px 0;width: 21px;height: 19px;margin: 2px 6px 0 0}
.article-tags .star.active i{background-position: 1px -73px;}
.article-tags .ts i{width: 14px;height: 14px;background-position: -115px 0;margin: 6px 8px 0 20px;}
.article-tags .like{float: right;margin-right: 10px;cursor: pointer;}
.article-tags .like-active{color: #619BAE;}
.article-tags .like-active .icon-like{color: #619BAE;}
.article-tags .view{float: right;margin-right: 10px;display: none;}
.article-tags .view span{font-size: 13px;}
.article-tags .like span{font-size: 13px;}
.article-tags .like .icon-like{float: left;font-size: 23px;margin-right: 5px;color: #cacaca;}
.article-tags .view .icon-icon-Group{float: left;font-size: 23px;margin-right: 5px;color: #cacaca;}

/*相关文章*/
.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-share {/* height:30px; */margin:15px 0;padding: 10px 0; line-height: 20px; font-size:14px;border-bottom: #eee 1px solid;border-top: #eee 1px solid;}
.article-share .fn-left{float:left;}
.article-share .fn-left span{float:left; margin-top: 4px; color:#555;}
.article-share .fn-left .bdshare{float:left;}
.article-share .fn-left .bdshare-button-style2-16 a{margin:0 6px}
.share a.collect, .share a.collect_cur {color:#999;font-size:14px;display:inline-block;padding:0 5px 0 22px; background:url(http://icons.mydrivers.com/2018/news/collect.png) no-repeat; background-position:0 1px; text-decoration:none;}
.share a.collect:hover {background-position:0 -25px;color:#555;}
.share a.collect_cur {background-position:0 -47px;}
.article-share .fn-right{color: #999999;cursor: pointer;padding-right:0px;}
.article-share .fn-right span{float: right;cursor: pointer;}
.article-share .fn-right i{background-image: url(http://www.ityears.com/skin/style/images/2018/icons.png);display: block;float: left;}
.article-share .star i{background-position: -92px 0;width: 21px;height: 20px;margin: 0px 6px 0 0}
.article-share .star.active i{background-position: 1px -73px;}
.article-share .ts i{width: 14px;height: 14px;background-position: -115px 0;margin: 4px 8px 0 20px;}

/*值得买推荐*/
.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 */ 
.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 #f04848;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;}

/* pageBtn */ 
.pageBtn{ display:block; top:33%; margin-top:-30px; width: 24px;height: 50px;background: rgba(8, 0, 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); /* border-radius:30px 0px 0 30px;*/ }
.pageBtn.sPrev:after{left: 12%; border-top: 2px solid white; border-right: 2px solid white;}
.pageBtn.sNext{right:-15px;transform: rotateY(180deg);  /* border-radius: 0px 30px 30px 0;*/ }
.pageBtn.sNext:after{right: 10%;border-bottom: 2px solid white;border-left: 2px solid white;}

/*parHd*/
.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*/
.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*/
.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: #f33; 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:#f04848; 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:#f04848 transparent transparent #f04848;border-width:5px 12px}
.feeds-hot-item .hot-order:after{right:0;bottom:-10px;border-color:transparent #f04848 transparent transparent;border-width:4px 11px}
.feeds-hot-item .hot-order-1{background-color:#f04848;}
.feeds-hot-item .hot-order-1:before{border-color:#f04848 transparent transparent #f04848;}
.feeds-hot-item .hot-order-1:after{;border-color:transparent #f04848 transparent transparent;}
.feeds-hot-item .hot-order-2{background-color: #ff6b66;}
.feeds-hot-item .hot-order-2:before{border-color: #ff6b66 transparent transparent #ff6b66;}
.feeds-hot-item .hot-order-2:after{border-color:transparent #ff6b66 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;}

/*推荐文章*/
.article-recommend{background:#FFF; overflow:hidden;}
.article-recommend .titleC{margin:0 30px}
.article-recommend .feeds-recbox{position: relative; padding:10px 30px 15px 130px; overflow:hidden;}
.article-recommend .rec-navbar {position: absolute;left: 20px;}
.article-recommend .rec-navbox {width: 90px; color: #333; text-align: center; border-right: 1px solid #eee;}
.article-recommend .rec-navbox span {display: none; background-color:#0c7edf; color:#FFF;font-size: 16px;font-weight: 500;line-height: 40px;}
.article-recommend .rec-navbox ul{overflow: hidden;}
.article-recommend .rec-navbox ul li{margin-top:5px; line-height: 36px; font-size: 16px;}
.article-recommend .rec-navbox ul li.current{background-color:#0c7edf;}
.article-recommend .rec-navbox ul li a{display: inline-block; width: 100%;}
.article-recommend .rec-navbox ul li:hover{color:#fff;background-color:#0c7edf}
.article-recommend .rec-navbox ul li:hover a{color:#fff;}
.article-recommend .fixed{position:fixed; top:5px;z-index:20}
.article-recommend .fixed span{display: block;}
.article-recommend .feeds-recul li{padding: 15px 0;height:100px; overflow: hidden;}
.article-recommend .feeds-recul li + li {border-top: 1px #eee solid;}
.article-recommend .feeds-recul li:hover{ background: #f8f8f8; -webkit-transition: all .2s linear;transition: all .2s linear;cursor: pointer;}
.article-recommend .feeds-recul li .feeds-pic{width: 165px;height: 100px; float: left; display: inline-block; margin-right: 15px; position: relative; overflow: hidden;}
.article-recommend .feeds-recul li .feeds-pic img{ width:100%; height: 100%;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s}
/*.article-recommend .feeds-recul .feeds-item: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)}*/
.article-recommend .feeds-recul li h3{ height: 60px; line-height: 30px; font-size: 18px; margin-bottom: 15px; font-weight: 700; overflow: hidden;}
.article-recommend .feeds-recul li h3 a{display: inline-block;width: 100%;vertical-align: middle;word-break: break-all;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.article-recommend .feeds-recul li .feeds-text{font-size: 13px;color: #999;line-height: 22px;height: 44px;overflow: hidden;margin-bottom: 8px;}
.article-recommend .feeds-recul li .feeds-info {height:20px;line-height:20px;color:#888;overflow:hidden;font-size:13px;} 
.article-recommend .feeds-recul li .feeds-info span{margin-right:8px}
.article-recommend .feeds-recul li .feeds-info a{color:#888}
.article-recommend .feeds-recul li .feeds-info i{width:1pc;font-size:14px !important;margin-right:3px}
/*.article-recommend .feeds-recul li .feeds-info span{color:#999;margin-right: 5px;}
.article-recommend .feeds-recul li .feeds-info span:before{content: "·";font-size: 14px; font-weight:500;padding-right: 5px; color: #999;}
.article-recommend .feeds-recul li .feeds-info span:first-child:before{content: "";padding-right: 0;}
.article-recommend .feeds-recul li .feeds-info .z-lanmu {display: inline-block;letter-spacing: 2px;/*height: 18px;line-height: 18px;text-align: center;font-size: 12px;border: 1px solid #f99;color: #f99; border-radius: 2px;padding: 0 3px 0 3px;}
.article-recommend .feeds-recul li .feeds-info .z-lanmu a{color:#f99;}
.article-recommend .feeds-recul li .feeds-info .z-lanmu img {width: 18px;height: 18px;vertical-align: middle;margin-right: 8px;border-radius: 50%;-webkit-border-radius: 50%;}
*/
/*==右边==*/
/*i-pictit-ul*/
.i-pictit-ul{overflow: hidden;}
.i-pictit-ul li{height: 66px; 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: 100px;height: 66px; 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: 44px;line-height: 22px; font-size: 14px; }
.i-pictit-ul li h3 a{font-weight: normal;overflow:hidden; word-break: break-all; -o-text-overflow:ellipsis;text-overflow:ellipsis; -webkit-line-clamp:2; display:-webkit-box; -webkit-box-orient:vertical;}
.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}

/*hot-rank-list*/
.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*/
.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:#f85959;}
.hot-ranks .top .rank-pic{width: 90px;height: 60px; position: absolute;left: 0;top: 0;}
.hot-ranks .top .rank-pic img{width: 90px;height: 60px;}
.hot-ranks .top h4 {padding-left:100px; 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 {padding: 8px 0 0 100px;color: #999;line-height: 16px;font-size: 12px;}