/*reset*/ 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;} html{-webkit-text-size-adjust:none;} body{background-color:#fafafa;font:12px/1.5 Microsoft Yahei,tahoma,HELVETICA;text-align:center;color:#333;} ol,ul{list-style:none;} h1,h2,h3,h4,h5,h6{font-size:100%;} img{border:none;vertical-align:top; -webkit-transition:opacity .2s; -moz-transition:opacity .2s; -o-transition:opacity .2s; transition:opacity .2s; -ms-transition:none; } i,em,b{font-style:normal;} b{font-weight:normal;} input,select,option,textarea{font-size:12px;font-family:Microsoft Yahei,tahoma,HELVETICA;outline:none;} a{color:#333;text-decoration:none; transition:color .3s; -webkit-transition:color .3s; -moz-transition:color .3s; -o-transition:color .3s;} a:hover{color:#f70;} a:hover em,a:hover b, a:hover i, a:hover span {cursor:pointer;} a:hover img {opacity:0.9} a:active{outline:none;} .doc{text-align:left;} .inner{width:1230px; margin:0 auto; *zoom:1;} .inner:before, .inner:after{display:block; content:"\20";height: 0;overflow: hidden;} .inner:after{clear:both;} .col-a, .col-b{float:left;display: inline;overflow: hidden;} .col-a{margin-right:50px; width:850px;} .col-b{width:330px;} .wrapper{padding-top:20px;padding-bottom: 20px;} /*header*/ .header{background:#fff; height:90px; border-bottom:1px solid #e0e0e0;} .logo{float:left; width:270px; height:75px; display:inline;background: url("/skin/zmt/index/img/logo.png") no-repeat 0 0;} .menu{float:left;display: inline;padding-left: 30px;} .menu a,.menu span{float:left; margin-left:45px; font-size:20px; line-height:72px;height: 72px; padding: 0 15px;} .menu .cur{color:#0777dd; text-decoration:none;border-bottom: 3px solid #0777dd;} .menu a:hover{color:#0777dd;} .menu span{color: #aaa} /*图片滚动*/ .slides {position:relative; width:850px; height:360px; border:none; overflow:hidden; margin-bottom:20px;} .slides .content {padding:0;height:370px; overflow:hidden;} .slides .content li {float:left; position: relative;} .slides .content .pic{width:850px; height:360px; display: block;} .slides .content .pic img{width:850px;} .slides .content .mask{position: absolute; left: 0; bottom: 0;height: 119px;width:850px; background: url("/skin/zmt/index/img/slide-bg.png")repeat-x 0 bottom;} .slides .content .info{position: absolute;display: block;left: 20px;bottom: 20px;color: #fff;} .slides .content .info span{display: block;height: 24px;line-height: 24px;overflow: hidden;width: 730px;white-space:nowrap;font-weight: bold;font-size: 20px;} .slides .content .info em{display: block;height: 15px;line-height: 18px;overflow: hidden;padding-left: 22px;background: url("/www1.pcauto.com.cn/2016/media/images/icons.png") no-repeat -88px 0;margin-top: 10px;} .slides .control {position:absolute; right:20px; bottom:26px; z-index:100} .slides .control li {float:left; margin-left:13px} .slides .control a {position:relative; display:block; width:12px; height:12px; line-height:12px; text-align:center; text-decoration:none; text-indent:-9999px; background:url("/www1.pcauto.com.cn/2016/media/images/icons.png") no-repeat -39px -104px;} .slides .control a:hover, #slide01 .control .current a{background-position:-19px -104px;} .slides .content{ height: 370px; } .slides ul {list-style:none} .slides ul img {vertical-align:middle;} .slides ul a:hover img{opacity: 1;} .slides .prev, .slides .next{position: absolute; top:50%; width:35px; height:65px; background:url("/www1.pcauto.com.cn/2016/media/images/icons.png") no-repeat; text-indent:-9999px; margin-top:-35px;} .slides .prev{background-position:0px -123px; left:-35px; -webkit-transition:left .3s; transition:left .3s;} .slides .next{background-position:-39px -123px; right:-35px; -webkit-transition:right .3s; transition:right .3s;} .slides .prev:hover{background-position:-77px -123px;} .slides .next:hover{background-position:-115px -123px;} .slides-hover .prev{left:0;} .slides-hover .next{right:0;} /*文章列表*/ .post-list{margin: 0 20px;} .post-list .entry{border-top:1px dashed #e9e9e9; padding:20px 0; overflow:hidden; *zoom:1;margin-top: -1px;} .entry .pic{float:left; width:200px; height:133px; margin-right:20px; display:block; overflow: hidden;border:1px solid #e9e9e9;} .entry .pic span{display:table;height: 133px;overflow: hidden;} .entry .pic i{display:table-cell;*display:inline-block;width: 200px;height: 133px;*line-height: 133px; *font-size: 100px;vertical-align:middle; text-align: center;} .entry .pic img{vertical-align:middle;} .entry .bd{float:left; width:410px; margin-right:10px; position: relative; height:133px;} .entry .tit{margin-bottom:8px; margin-top:4px; font-weight:400;line-height: 24px;overflow: hidden;height: 24px;white-space:nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;} .entry .tit a{font-size:20px;} .entry .desc{font-size:14px; color:#888; line-height:28px; height:56px; overflow:hidden;word-wrap: break-word;word-break:break-all;} .entry .meta{position:absolute; left:0; bottom:0;} .meta .muted{float:left; margin-right:20px; display:inline; font-size:12px; height:20px; overflow:hidden; line-height:20px;} .meta i{float:left; margin-right:5px; width:14px; height:14px; background:url("/www1.pcauto.com.cn/2016/media/images/icons.png") no-repeat -84px -76px; margin-top:3px;} .meta .view i{background-position:-84px -92px; width:16px; height:12px; margin-top:4px;} .meta .cmt i{background-position:-84px -106px; width:14px; height:12px; margin-top:4px;} .meta em,.meta em a{color:#aaa;} .meta em a:hover{color: #f70;} .entry .author{float: right; width:88px; color:#aaa; margin-top:30px;} .entry .author:hover{color:#f70;} .entry .author .avatar{width:60px; height:60px; margin:0 auto 7px; display:block; position:relative;} .entry .author .avatar img{width:60px; height:60px; border-radius:30px;} .entry .author .name{font-size:12px; height:18px; overflow:hidden; text-align:center; display:block;} .loading{height: 35px;line-height: 35px;text-align: center;overflow: hidden;padding-bottom: 20px;background: #fff;} .loading span{display: inline-block;padding-left: 28px;background: url("/www1.pcauto.com.cn/2016/media/images/loading.gif") no-repeat 0 6px;font-size: 14px;color: #aaa} /*侧栏公共*/ .widget{background:#fff; margin-bottom:20px;} .widget-tit{overflow:hidden; *zoom:1;border-bottom: 1px solid #f0f0f0;height: 54px;line-height: 60px;padding: 0 20px;background: #fff;} .widget-tit .mark{font-size:20px; float:left; font-weight:400;margin: 0;} .widget-tit .sub-mark{float:right; font-size:12px; margin-top:3px;} .widget-tit .sub-mark a{color:#888;} .widget-tit .sub-mark a:hover{color:#f70;} .fixWidget{position: fixed; top: 0px; z-index: 200; width:310px; background: #fff; _position:absolute; _top:expression(documentElement.scrollTop);} /*tab*/ .tab{padding: 0;} .tab .toc{font-size:20px; float:left; font-weight:400;margin: 0;padding: 0 20px;border-top: 2px solid #fff;height: 52px;line-height: 52px;cursor: pointer;} .tab .current{color: #0777dd;border-top: 2px solid #0777dd;} /*关注按钮*/ .action .btn a{display:block; width:70px; height:24px; background: url("/www1.pcauto.com.cn/2016/media/images/icons.png") no-repeat 0 0;} .action .btn .follow{background-position:0 0;} .action .btn .follow-:hover{background-position:0 -26px;} .action .btn .newClass{background-position:0 -52px; display:none;} .action .btn .following-:hover{background-position:0 -78px; display:none;} .c-fans{/* visibility: hidden; */} .c-focus{visibility: hidden;} /*作者推荐*/ .author-recommend{height:360px;} .author-recommend .sub-mark a{padding-left: 19px;background: url("/www1.pcauto.com.cn/2016/media/images/icons.png") no-repeat -88px -18px;height: 24px;line-height: 24px;float: right;margin-top: 18px;} .author-recommend .sub-mark a:hover{background-position: -88px -39px;} .slide02{width:290px; height:305px; overflow:hidden;margin: 0 auto;} .slide02 .panel{float:left;} .slide02 .bd{border-top:1px #e9e9e9 dashed; margin-top: -1px;height:100px; overflow:hidden; width:290px;} .slide02 .author{margin-top:20px; float:left; margin-right:15px; display:inline; width:60px; height:60px; position: relative;} .slide02 .author img{width:60px; height:60px; border-radius:30px;} .slide02 .info{float:left; width:125px;} .slide02 .name{margin-top:20px; font-size:14px; height:22px; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;} .slide02 .name a{color:#0777dd;} .slide02 .name a:hover{color: #f70;} .slide02 .desc{font-size:12px; line-height:18px; height: 36px; overflow:hidden;color: #888} .slide02 .action{float:right; width:88px; margin-top:38px; text-align:right;} .slide02 .action .btn{width:70px; margin-left:18px;} .slide02 .action .fans-no{color:#999; margin-top:5px; clear:both;} /*热门文章*/ .hot-article .bd{overflow:hidden;margin: 0 20px;} .hot-article li{border-top:1px dashed #e9e9e9; padding:20px 0 21px 132px; overflow:hidden;margin-top: -1px;} .hot-article .pic{float: left;margin-left: -132px;width: 120px;height: 80px;overflow: hidden;border:1px solid #e9e9e9;} .hot-article .pic i{display:table-cell;*display:inline-block;width: 120px;height:80px;*line-height:80px; *font-size: 60px;vertical-align:middle;text-align: center;} .hot-article .pic img{vertical-align:middle;} .hot-article .tit{height: 44px;overflow: hidden;line-height: 22px;font-size: 14px;margin-bottom: 12px;} .hot-article .meta{*zoom: 1;} /*最新活动*/ .slide03{position:relative;height:154px;overflow:hidden;margin-bottom:17px; margin-top:15px;} .slide03 .pic{float:left; position: relative;} .slide03 .fadeimg{width:310px; height:154px; display:block;} .slide03 .img-title{position: absolute; left:0; bottom:0; height:34px; line-height:34px; font-size:14px; width:100%; color:#fff; overflow:hidden; text-align:center; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#7F000000,endColorstr=#7F000000)"; /*Filter for IE8 */ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#7F000000, endColorstr=#7F000000) } :root .slide03 .img-title{filter:none; background:#000; background:rgba(0,0,0,0.5);} .slide03 .prev, .slide03 .next{position: absolute; top:50%; width:35px; height:70px; background:url("/www1.pconline.com.cn/huamei/2016/img/icons.png") no-repeat; text-indent:-9999px; margin-top:-35px; z-index:2;} .slide03 .prev{background-position:-70px 0; left:-35px; -webkit-transition:left .3s; transition:left .3s;} .slide03 .next{background-position:-105px 0; right:-35px; -webkit-transition:right .3s; transition:right .3s;} .slide03 .prev:hover{background-position:0 0;} .slide03 .next:hover{background-position:-35px 0;} .slides-hover .prev{left:0;} .slides-hover .next{right:0;} .list-txt a{display:block; padding-left:13px; background:url("/www1.pconline.com.cn/huamei/2016/img/icons.png") no-repeat -294px 0; font-size:14px; line-height:20px; margin-bottom:11px;} /*关于我们*/ .widget-supply{padding-bottom:15px;} .widget-supply .bd{padding: 10px 20px 0;} .widget-supply .bd a,.widget-supply .bd p{display:block; line-height:30px; font-size:14px; color:#999;} .widget-supply .bd a:hover{color:#f70;} .fixWidget{position: fixed; top: 0px; width:310px; overflow: hidden; z-index: 200; background: #fff; _position:absolute; _top:expression(documentElement.scrollTop);} /*意见反馈和回到顶部*/ .floatBtns{width:80px;position:fixed;left:50%;bottom:40px;margin-left:660px;_position:absolute;_margin-top:expression(documentElement.scrollTop);} .floatBtns .btn{display:block;width:80px;height:38px;margin-top:10px;background:url("/www1.pcauto.com.cn/2016/media/images/gotop.png") no-repeat;} .floatBtns .btn:hover{background-position: -118px 0} .floatBtns .btnC{background-position:0 -48px} .floatBtns .btnC:hover{background-position: -118px -48px} /* 作者页面 */ .author-list{padding-bottom:20px;} .author-list li{padding:30px 0 22px; border-top:1px dashed #e9e9e9; *zoom:1;margin-top: -1px;} .author-list li:before, .author-list li:after{display:table; content:"";} .author-list li:after{clear:both;} .author-list .pic{float:left; width:80px; margin-right:20px;} .author-list .avatar{width:80px; height:80px; margin-bottom:10px; position: relative;} .author-list .avatar img{width:80px; height:80px; border-radius:40px;} .author-list .action{width:70px; margin:0 auto; display:none;} .author-list .hover .action{display:block;} .author-list .con{float:left; width:600px; position: relative;} .author-list .name{font-size:18px; margin-top:-4px; margin-bottom:12px;} .author-list .name a{display: block;} .author-list .name i{display:inline-block; *display:inline; *zoom:1;} .author-list .name img{margin:7px 0 0 5px;} .author-list .data{font-size:14px; margin-bottom:8px;} .author-list .data span{display:inline-block; *display:inline; *zoom:1; margin-right:30px;} .author-list .data em{color:#0777dd;} .author-list .desc{font-size:14px; color:#999; margin-bottom:8px; line-height:24px; padding-top:5px;} .author-list .art p{line-height:30px; font-size: 14px;} .author-list .art .more{color:#999; font-size:12px; margin-left:8px;} .author-list .art a:hover .more{color:#f70;} .author-list{margin: 0 20px;} /*top8*/ .top8 .action{display:none;} .top8 .author-list li{padding:20px 0 14px;} .top8 .author-list .pic{width:70px; margin-left:-5px; margin-right:-5px;} .top8 .author-list .avatar{width:60px; height:60px; margin-left:auto; margin-right:auto;} .top8 .author-list .avatar img{width:60px; height:60px; border-radius:30px;} .top8 .author-list .con{float:left; width:210px; display:inline; margin-left:20px;} .top8 .author-list .name{margin-bottom:4px; font-size:14px;} .top8 .author-list .name i{display:inline-block; *display:inline; *zoom:1;background: url("/www1.pcauto.com.cn/2016/media/images/icons.png") no-repeat 0 -104px;width: 14px;height: 14px;overflow: hidden;margin-left: 5px;*vertical-align: top;} .top8 .author-list .name img{display: none;} .top8 .author-list .data{margin-bottom:0;} .top8 .author-list .desc{margin-bottom:0; font-size:12px; line-height:20px; height:20px; overflow:hidden; text-overflow:ellipsis;white-space:nowrap; } .top8 .author-list .art{margin-top:7px;} .top8 .author-list .art p{line-height:24px; font-size: 12px;} .top8 .author-list{padding-bottom:0;} .top8 .author-list .last{border-bottom:0 none;} .top8 .author-list .active .desc{height: auto; white-space:normal;} .top8 .author-list .hover .action{display:block;} /*优化增加0929*/ /*分页*/ .pages{text-align:center;font-size:0; *word-spacing:-1px;padding: 20px 0;} .pages a, .pages span{display: inline-block; *display:inline; *zoom:1; margin-right:5px; border:1px solid #DCDCDC; color:#999; font-size:14px; min-width:38px; height:38px; text-align:center; line-height:38px; letter-spacing:normal; word-spacing:normal; vertical-align:top;} .pages span{border-color:#fff; width:18px;} .pages .cur{width:38px;} .pages .cur , .pages a:hover{border-color:#fa0; background:#fa0; color:#fff;} @media screen and (-webkit-min-device-pixel-raito:0){ .pages{letter-spacing:-5px;} } .meta .cmt:hover i{background:url("/www1.pcauto.com.cn/2016/media/images/icon-0929.png") no-repeat;} .meta .cmt:hover em{color:#f70;} .list-empty{padding:50px 0; line-height: 100px; color: #888; text-align: center; font-size: 14px;} .followus .mail_connect i, .followus .sina_connect i, .followus .wechat_connect i { background: url("/mat1.gtimg.com/dajia/images/dajia_about_icon_32.png") no-repeat left top; } .followus { margin-bottom: 40px;background:#fff;padding:20px 20px; } .followus p { height: 38px; line-height: 38px; font-size: 14px; color: #808080; margin: 0 0 15px; } .followus img { display: block; width: 143px; height: 142px; margin: 0 auto; } .followus .code_text { margin: 0 auto; text-align: center; margin-top: 10px; padding-left: 0; } .followus i { display: inline-block; width: 32px; vertical-align: middle; margin-right: 10px; } .followus .mail_connect i { height: 32px; background-position: 0 0; } .followus .sina_connect i { height: 32px; background-position: -32px 0; } .followus .wechat_connect i { height: 32px; background-position: -64px 0; } .subtitle{ font-weight:normal; margin-bottom: 20px; color: #666; font-size: 18px; } .side .side_list { border: 1px solid #f0f0f0; padding: 25px; } .module2 { font-size: 14px; color: #888; margin-bottom: 20px;padding-left:20px;padding-top:20px; background:#FFFFFF;padding-bottom:5px; } .sort, .ad, .select { margin-bottom: 20px; } .module .subtitle { font-weight: bold; margin-bottom: 20px; color: #666; font-size: 18px; } .module .subtitle { font-weight: bold; margin-bottom: 20px; color: #666; font-size: 18px; } .subtitle { font-weight: normal; margin-bottom: 20px; color: #333; font-size: 20px; } .article_lists { width: 100%; margin-bottom: 30px; } .hot .article_lists li { list-style: none; margin-bottom: 10px; } .article_lists li { list-style: disc inside; color: #e9e9e9; font-size: 16px; margin-bottom: 20px; } .hot .article_lists li i.top3 { color: #fff; background-color: #494949; } .hot .article_lists li i { font-style: normal; display: inline-block; width: 33px; height: 25px; line-height: 25px; color: #494949; text-align: center; margin-right: 10px; border: 1px solid #d1d1d1; vertical-align: -webkit-baseline-middle; } .hot .article_lists li a { margin: 0; line-height: 2em; display: inline-block; width: 240px; vertical-align: top; } .article_lists li a { color: #333333; text-decoration: none; margin-right: 20px; }