/* CSS Document */
/*
 * iT时代网 v5.1
 * http://m.ityears.com 
 */
/*主体*/ 
.wrap {margin-bottom:20px;}
.main .wrap{width:100%;margin-top:10px; border-radius: 5px;}
.module-wrap{width:1050px;margin-top:15px;padding-left:150px;}
.module-wrap .wrap{margin-top:0px;margin-bottom:0px; min-height:300px; background: fff; /*box-shadow: 0 -4px 25px 1px rgba(0, 0, 0, .05);*/ }
.module-wrap .wrap-left{float:left;width:730px;min-height:300px; padding:0px 0px; background: fff;}
.module-wrap .wrap-side{float:right;width:300px; padding:0px; min-height:300px;} 
.wrap-side {position:relative; }
.fixed-box{width:300px;}
.wrap-side .fixed{position:fixed; top:5px;z-index:999;}
.side-hd{width:300px;margin-bottom:15px;}
.side-bd{background:#fff;padding:15px 10px;border: #e7e7e7 0px solid; moz-box-shadow: 0 -4px 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);}
.side-title{padding:8px 0;text-align:center;font-size:16px;font-weight:700;background:#fff;color:#333;}
.blue {background: #447EB9;color: #fff;}
.yellow { background: #f85959; background: #ffe685;color: #fff;}
.purple {background: #ff7f00;color: #fff;}

/*右侧导航*/
.fix-navBar{position:absolute;left:0;top:0;}
.fix-navBar .logo{margin-bottom:10px;display:none}
.fix-navBar .logo img{width:130px;height:auto;}
.fix-navBar .fix-nav{width: 130px;padding-bottom:10px;background:#fff;box-shadow: 0 -4px 25px 1px rgba(0, 0, 0, .05);}
.fix-navBar .fix-nav a{position:relative;display:block;padding: 0 10px 0 60px;height:36px;line-height:36px;font-size:16px;margin-top:5px;}
.fix-navBar .fix-nav a:first-child{margin-top:0}
.fix-navBar .fix-nav a.hover,.left-bar .nav a:hover{background:#008ee1;color:#fff}
.fix-navBar .fix-nav i{font-size:18px;position:absolute;left: 2pc;top:0;}
.fix-navBar .fixed{position:fixed;top:5px;z-index:20}
.fix-navBar .fixed .logo{display:block}


/* 当前位置*/
.art-pathway {width:1200px;margin: 0px auto 5px;height:30px;line-height:30px;color:#666;}
.art-pathway .fn-left{padding: 10px 0; line-height: 20px;}
.art-pathway .fn-left .home-icon {width: 20px; height: 20px;margin-right:0px;float: left;position: relative;overflow: hidden;background: url(http://www.tianjiw.com/template/win8mi_18th_ly2/src/chart.png) no-repeat 0 -1px;}
.art-pathway .fn-left a{color:#666}
.art-pathway .fn-left a:hover{color:#FF4F53;text-decoration:none;}
.art-pathway .search{height:30px;width: 287px;padding: 0px 0 0px 12px;border: 1px #ddd solid;float:right !important;background: #fff;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px; -o-border-radius:2px;border-radius:2px;/* margin: 5px 20px 0 0; */}
.art-pathway .search_word {padding: 0;margin: 0; BORDER: 0;height: 30px; WIDTH: 238px;color: #999;outline: none; font: 14px/28px "Microsoft YaHei", "Arial Narrow";float: left;background: none;_line-height:28px;+line-height:28px;}
.art-pathway .search_btn{padding: 0;margin: 0;BORDER: 0;float: left;width: 45px;height: 30px;background: url(http://icons.mydrivers.com/2018/news/search_icon.png) no-repeat 17px 7px;cursor: pointer;}
.art-pathway .search_btn:hover{background-position:17px -24px;}

/*频道推荐*/
.lanmu-top{width:100%;height:280px;}
.lanmu-focus{width:530px;height:280px;float:left;}
/*频道焦点图*/ 
#slider{width:530px;}
.slider_box{width:530px;margin:0 auto;height:280px;overflow: hidden;position: relative;}
.silder_con{height:280px;overflow:hidden;position:absolute;}
.silder_panel{width:530px;height:280px;float:left;position: relative;overflow:hidden;}
.silder_panel img{width:100%;height:100%;}
.silder_panel .title{width:510px;padding:0 10px;height:40px;text-align:center;line-height:40px;position:absolute;left:0;bottom:0;background url(../images/slide_bg.png) 0 -105px repeat;font-size:16px;font-weight: 700;color:#fff;overflow:hidden;background: rgba(0, 0, 0, 0.5);}
.silder_nav{height:10px;bottom:40px;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:38px;height:38px;overflow:hidden;text-indent:-999px;position: absolute;cursor: pointer;margin:120px 0 0 0;background:url(../images/slide_bg.png) no-repeat;display:none;}	
.slider_box a.prev{left:0;background-position:0 0;}
.slider_box a.next{right:0;background-position:0 -39px;}
.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);}

/*20180531调整*/
.retjtz{ margin:0px 0;float:right; width: 195px;}
.retjtz a{ display:inline-block; position:relative; width: 195px;margin-bottom: 5px;margin-left: 0px;overflow:hidden;}
.retjtz a:last-child {margin-bottom: 0;}
.retjtz a img{ width: 100%; height: 100%; display:inline-block; position:relative;}
.retjtz a.retjtz,.retjtz a.retjtz1{ margin-right:2px;float:left;}
.retjtz a.retjtz1,.retjtz a.retjtz2{width: 195px;height: 137px;float:left;}
.retjtz a.retjtz3{width: 332px;height: 168px;margin-top:2px;float:left;}
.retjtz a.retjtz4{width: 300px;height: 290px;position:absolute;right:0;top:0;}
.retjtz 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;}
.retjtz a .bg{ position:absolute;left:0; bottom:0; height:25px;background:rgba(0,0,0,0.50); width:100%; z-index:1; transition:all linear 0.3s;-webkit-transition:all linear 0.3s;}
.retjtz a .p1{ bottom:0; height:25px; overflow:hidden; width:100%;}
.retjtz a .p2{ width:80%; padding:0 10%; height:100%; position:absolute;left:0; top:0; bottom:-150%; right:0; margin:auto;}
.retjtz a .p2 span{}

/*======频道·列表======*/

/*list-crumbs*/
.list-crumbs{padding:0 5px 0 15px; line-height:38px; background:#f8f8f8; border:1px solid #e4e4e4; color:#666; font-size:9pt; overflow:hidden; position:relative; box-shadow: 0 -4px 25px 1px rgba(0, 0, 0, .05);}
.list-crumbs i{padding:0 3px;font-size:9pt}
.list-crumbs a{color:#666}
.list-crumbs a:hover{color:#FF4F53;text-decoration:none;}
.list-crumbs .bdsharebuttonbox{float:right;margin-top:3px}

/*feeds-tabs*/
.feeds-tabs{margin-bottom: 10px; height:44px;position:relative;z-index:10;border-bottom:1px solid #f2f2f2; /*box-shadow: 0 1px 4px 0 rgba(0,0,0,.12);*/background:#fff;}
.feeds-tabs>li{float:left;min-width:76px; 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{ height:43px;border-bottom:1px solid #f85959; color:#f85959}
.feeds-tabs>li.cur>a{border-bottom:0px solid #f85959; color:#f85959; font-weight: 500;}
.feeds-tabs .more,.feeds-tabs .more ul{position:absolute;right:0}
.feeds-tabs .more ul{width:80pt;background:#fff;top:0;border:1px solid #f2f2f2}
.feeds-tabs .more li{border-bottom:1px dotted #d2d2d2}
.feeds-tabs .more li:last-child{border:0}
.feeds-tabs .more li.cur{color:#f85959}
.feeds-tabs .more .angle-up,.feeds-tabs>li.more>span{padding:0 10px;color:#999}

/*默认列表*/
.feeds{position: relative;overflow: hidden;}
.feeds-item{padding: 15px 0; border-bottom: 1px #eee solid; background: #fff; overflow: hidden;}
.feeds-item:last-child {border-bottom: none;}
.feeds-item:hover{ background: #f8f8f8; -webkit-transition: all .2s linear;transition: all .2s linear;cursor: pointer;}
.feeds-item a.pic{width: 165px;height: 110px; float: left; display: inline-block; margin-right: 15px; position: relative; overflow: hidden;}
.feeds-item a.pic img{ width:100%; height: 100%; transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s}
.feeds-item a.pic:hover 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-item h3{height: 26px; margin-bottom: 10px; overflow: hidden;}
.feeds-item h3 a{display: inline-block;width: 100%;font-size: 18px; font-weight: bold; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} 
.feeds-item p{font-size: 12px;color: #666;line-height: 22px;height: 44px;overflow: hidden;margin-bottom: 10px;}
.feeds-item .tags-info {font-size: 12px;padding-top: 1px; line-height:18px;font-family: Arial,"Microsoft Yahei";overflow: hidden;}
.feeds-item .tags-info span{color:#999;/*display:inline-block;*/margin-right: 10px;}
.feeds-item .tags-info b{color: #dcdedf;padding: 0px 10px;}
.feeds-item .tags-info .review {float:right;}
.feeds-item .tags-info .review a{color:#999;padding-left: 20px;background:url(http://static.yxdown.com/ol/images/wangyou.png) no-repeat;background-position: -209px -245px;}
.feeds-item .tags-info .review a:hover{background-position: -209px -265px; transform: translate(0,0);transition: all .4s ease-in 0s;}
.feeds-item .tags-info .review a font{color: #21d08c;padding-left: 2px;}
.feeds-item .tags-info a:hover{ color:#25bf6d;}
.feeds-item .tags-info .tags{float:right;margin-right: 0;}
.feeds-item .tags-info .tags i{float:left;}
.feeds-item .tags-info .tags a{color:#999;float:left;display:block;padding-left:8px; background-position: -24px -47px;}
.feeds-item .tags-info .tags a:hover{color:#FF4F53;text-decoration:none;}
.feeds-item .tags-info .tags a:after {content: "/";padding-left: 8px; color: #e0e0e0;}
.feeds-item .tags-info .tags a:last-child:after {content: "";}
.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}

.pic-group { margin:10px auto 5px;overflow: hidden;}
.pic-group .img-do { float: left; width: 160px;height: 100px; margin-right: 25px; overflow: hidden; position: relative;overflow: hidden; transform-style: preserve-3d; display: list-item;}
.pic-group .img-do:last-child{margin-right:0;}
.pic-group .img-do img {display: block;width: 100%; height: 100%; transition: transform .5s ease .1s;-webkit-transition: -webkit-transform .5s ease .1s;}

/*===内容===*/
/*外框
.article-wrap{position:relative;background:#fff;border:1px solid #e4e4e4;padding:15px 15px 15px 140px;  box-shadow: 0 -4px 25px 1px rgba(0, 0, 0, .2);}*/
.article-wrap{position:relative; min-height:850px; padding: 20px 50px 20px; /*padding-left: 110px;*/ border-right:1px solid #f5f5f5;}
.article-wrap .show728{margin-top:15px}
/*.article-head*/
.article-head{margin:0px;padding: 0 0px;}
.article-head .title {margin: 10px 0 15px;padding-bottom: 0;line-height: 33px;border: none;font-size: 26px;font-weight: 600;}
.article-head .meta {padding-bottom: 5px;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 0;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; font-family: "Microsoft yahei", "微软雅黑" !important;
letter-spacing: 0.5px;text-indent: 0em; /*text-align: justify;*/}
.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 #a8cef5;}
table thead th{background: #a8cef5;font-weight:700;}
table tbody th{background: #f8f8f8;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;}

#paperBtn{margin:0px -10px 0px; padding:15px 0px 15px 0;line-height: 30px;font-size:15px;height:60px}
#paperBtn a{text-decoration:none; display:block; overflow:hidden;  white-space:nowrap;text-overflow:ellipsis;}
#paperBtn .left{float:left;width:350px;padding-left:25px;color: #000;background: url(http://www.sj33.cn/images/paper_icon_prev.png) no-repeat left center;}
#paperBtn .right{float:right;width:350px;padding-right:25px;color: #000;background: url(http://www.sj33.cn/images/paper_icon_next.png) no-repeat right center;text-align: right;}

/*--分享--*/
.article-share {/* height:30px; */margin-bottom:15px;padding: 15px 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;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: 19px;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;}

/*相关*/
.article-about{width:100%; line-height:25px;font-size:14px; overflow:hidden;}
.article-about{width:100%; line-height:25px;font-size:14px; overflow:hidden;}
.article-about .special-tag {margin-top:25px; border-top: 1px solid #ddd; padding: 0 0 1px 0; /* position: absolute; */ height: 10px;}
.article-about .special-tag-tit { position: relative; top: -12px;font-size: 18px; color: #666; line-height: 20px; /* float: left; */background: #fff;padding: 0 0px 0 0; text-align: center; width: 120px; margin: 0 auto;}
/*.related-txtul*/
.about-txtul{margin:10px 0 0 -20px;overflow:hidden;}
.about-txtul li{float:left; width:47%;margin-left:20px;height:35px;line-height:35px;font-size:15px; overflow:hidden;} 
.about-txtul li a{display: block;height:36px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} 
.about-txtul li span{margin-right:2px;float: right;color:#eee;}
.about-txtul li span a{color:#888;padding:0 3px; }
.about-txtul li span a:hover{color:#0FA96E;}
.about-txtul li i{font-style:normal;color:#999;font-size:13px;margin-left:10px;float:right;}
.about-txtul 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-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-recommend{margin-top:20px; width:100%; overflow:hidden;}

/*左侧挂件*/
.article-left{position:absolute;top:15px;left:20px;z-index:10;background:#fff;font-size:14px}
.article-left .content{width:50px}
.article-left .fixed{position:fixed;top:15px}
.article-left .bdshare{height:165px; }
.snsbox a{position: relative; display:block;padding:20px 0;border-bottom:1px solid #e4e4e4;cursor:pointer}
.snsbox a span{position:absolute;padding: 0 5px;left: 30px;top: 8px;width: 38px;height: 20px;line-height: 20px;background: #fff;color: #666;}
.snsbox a.s2{}
.snsbox i{margin-right:10px;font-size: 36px;}
.bdshare .t{display:block;padding-top:15px}
.bdshare .bdsharebuttonbox a{float:left;margin: 0 0 14px 0;padding-left:50px;height:30px;background-image:url(https://img.pc841.com/statics/images/2018/icon.png);background-repeat:no-repeat;font-size:12px;line-height:30px;cursor:pointer}
.bdshare .bdsharebuttonbox a.bds_weixin{background-position:0 -310px}
.bdshare .bdsharebuttonbox a.bds_qzone{background-position:0 -343px}
.bdshare .bdsharebuttonbox a.bds_tsina{background-position:0 -376px}

.through {margin-top: 10px;margin-bottom: 5px; position: relative;text-align: center;}
.through span {display: inline-block;background: #fff;padding: 0 5px;}
.through:after {content: "";display: block;width: 100%;height: 1px;background: #e8e8e8;position: absolute;top: 50%;left: 0;z-index: -1;}

/*===右 侧===*/
/*图片+标题*/
.i-picTxt-ul{overflow: hidden;}
.i-picTxt-ul li.items{height: 70px;margin-bottom: 15px;background: #fff;-webkit-transition: all .2s linear;transition: all .2s linear;}
.i-picTxt-ul li.items:last-child {margin-bottom: 0; padding-bottom: 0;border-bottom:none;}
.i-picTxt-ul li.items:hover{-webkit-transition: all .2s linear;transition: all .2s linear;cursor: pointer;}
.i-picTxt-ul li.items a.items-pic{width: 105px;float: left;display: inline-block;margin-right: 10px;position: relative;height: 70px;overflow: hidden;}
.i-picTxt-ul li.items a.items-pic img{ width: 100%; height: 100%; transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s}
.i-picTxt-ul li.items:hover a.items-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);}
.i-picTxt-ul li.items h3{height: 44px;line-height: 22px; font-size: 14px; }
.i-picTxt-ul li.items h3 a{font-weight: normal;overflow:hidden; -o-text-overflow:ellipsis;text-overflow:ellipsis; -webkit-line-clamp:2; display:-webkit-box; -webkit-box-orient:vertical;}
.i-picTxt-ul li.items p{font-size: 12px;color: #999;line-height: 16px;height: 32px;overflow: hidden;margin-bottom: -2px;}
.i-picTxt-ul .items-info {font-size: 12px;padding-top: 8px;font-family: Arial,"Microsoft Yahei";overflow: hidden;line-height: 18px;}
.i-picTxt-ul .items-info span{color:#999;display:inline-block;margin-right: 15px;}
.i-picTxt-ul .items-info b{color: #dcdedf;padding: 0px 10px;}
.i-picTxt-ul .items-info a{color:#666;padding-left: 20px;background:url(http://static.yxdown.com/ol/images/wangyou.png) no-repeat;background-position: -209px -245px;}
.i-picTxt-ul .items-info a:hover{background-position: -209px -265px; transform: translate(0,0);transition: all .4s ease-in 0s;}
.i-picTxt-ul .items-info a font{color: #21d08c;padding-left: 2px;}
.i-picTxt-ul .items-info a:hover{ color:#25bf6d;}
.pic-right li.items a.items-pic{float:right;margin-left:10px;margin-right:0;}


.tags-main{padding-bottom:15px;border-bottom:1px solid #f0f0f0}
/*标签信息*/
.tags-intro{position:relative;padding-left:230px;height:142px}
.tags-intro .thumb{position:absolute;left:0;right:0;line-height:140px;border:1px solid #ddd;overflow:hidden}
.tags-intro .thumb,.tags-intro .thumb img{width:210px;height:140px}
.tags-intro .title{line-height:26px;overflow:hidden}
.tags-intro .title h1{font-weight:700;font-size:20px;float:left;margin-right:5px}
.tags-intro .description{margin-top:15px;color:#757575;line-height:21px}
.tags-intro .count{position:absolute;right:0;top:0;line-height:26px;color:#757575}
.tags-intro .count span{float:left;margin-left:8px}
.tags-intro .dot{width:3px;height:3px;margin-top:11px;background:#999;display:block}

/*标签链接*/
.tags-links{float:left}
.tags-links a{display:block;float:left;margin-left:10px;background:#f6f6f6;border:1px solid #d7d7d7;color:#7f7f7f;height:26px;padding:0 9pt;border-radius:2px}
.tags-links a#favorite-tags{background:#f85959;border:1px solid #f85959;color:#fff}

/*相关订阅*/
.tag-list{padding-bottom:10px;overflow:hidden}
.tag-list li{float:left;width:127px;margin-left:15px;margin-top:15px}
.tag-list li img{width:125px;height:83px;border:1px solid #ededed}
.tag-list li span{display:block;margin-top:5px;height:20px;line-height:20px;text-align:center;overflow:hidden}

/*首页带图标签*/
.tag-big{margin-left:-15px;padding-bottom:10px;overflow:hidden}
.tag-big li{float:left;width:170px;margin-left:15px;margin-bottom:15px}
.tag-big li img{width:168px;height:7pc;border:1px solid #ededed}
.tag-big li span{display:block;margin-top:5px;height:20px;line-height:20px;text-align:center;overflow:hidden}

/*首页推荐标签*/
.tags-hot{margin-top:5px;margin-left:-1pc;padding:10px 0;overflow:hidden}
.tags-hot li{margin:7px 0 15px 1pc;float:left;overflow:hidden}
.tags-hot li a{width:95px;height:34px;line-height:34px;padding:0 6px;color:#444;text-align:center;background:#eee;display:block}
.tags-hot li a:hover{background:#008ee1;color:#fff}