/*reset*/ /*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:#fff;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:1200px; 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:20px; 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} .author_banner { width: 100%; height:320px; text-align: center; background: url("/skin/zmt/index/img/blurred-red-and-blue-wallpaper-2560x1600-536fae288277a.jpg") center no-repeat; margin-top: 0px; margin-bottom:20px; } .author-head{width: 100%; height: 320px; position: relative; margin: 0 auto; text-align: center;} .author-cov{width:100%; height: 320px; background: url("/www1.pcauto.com.cn/2016/media/images/author/author-cov.png") repeat-x center bottom; position: absolute; z-index: 0; left: 0; top: 0;} .author-con{width: 1200px; height: 320px; position: relative; z-index: 1; margin: 0 auto;} .author-info{width: 1200px; margin: 0 auto;} .author-avatar{padding: 30px 0 10px;} .author-avatar img{width: 120px; height:120px; border-radius: 100%; border: 3px solid #f3f5f9; overflow: hidden; background: #f3f5f9; margin: 0 auto; box-shadow: 3px 3px 10px 0 rgba(38,38,39,0.1);} .author-avatar i { position: absolute; top: 124px; left: 640px; width: 26px; height: 26px; line-height: 26px; border: 2px solid #fff; color: #fff; background: #f60; text-align: center; border-radius: 100%; } .author-nicheng{height: 44px; line-height: 44px;} .author-nicheng i{display: inline-block; font-size: 18px; font-weight: 700; color: #fff; position: relative;} .author-nicheng i em{display: inline-block; width: 14px; height: 14px; background: url("/www1.pcauto.com.cn/2016/media/images/icons.png") no-repeat 0 -104px; position: absolute; right: 0; top: 50%; margin-top: -7px;} .author-data{padding:15px 0; height: 30px;} .author-data-con{display: inline-block; *display:inline; *zoom:1; _display:inline; _zoom:1; margin: 0 auto; text-align:center;} .author-data .btn{display: inline-block; font-size: 14px; color: #fff; float: left; height: 30px; line-height: 30px; width: 120px; padding: 0; background: url("/www1.pcauto.com.cn/2016/media/images/author/home-ico.png") no-repeat 0 -124px; margin: 0 7px;} .author-data .btn-js{background: none; border:0;} .author-data .btn-js .follow{display: block; width: 100%; height: 30px; color: #fff; background: url("/www1.pcauto.com.cn/2016/media/images/author/home-ico.png") no-repeat 0 0;} .author-data .btn-js .follow:hover{background-position: 0 -31px;} .author-data .btn-js .following{display: block; width: 100%; height: 30px; color: #fff;background: url("/www1.pcauto.com.cn/2016/media/images/author/home-ico.png") no-repeat 0 -62px;} .author-data .btn-js .following-:hover{background-position: 0 -93px;} .author-desc{color: #fff; font-size: 14px; line-height: 24px; padding-bottom: 20px; overflow: hidden;height: 72px;} .author-desc a:link {color:#ddd;padding-left:10px;font-style:oblique; text-decoration:underline;} .author-desc a:hover {color:#fff;padding-left:10px;} /*侧栏公共*/ .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;} .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;} /*文章列表*/ .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:236px; 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;width:236px;height:133px;} .entry .bd{float:left; width:508px; position: relative; height:133px; overflow: hidden;} .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; display: none;} .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*/ .loading{height: 35px;line-height: 35px;text-align: center;overflow: hidden;padding-bottom: 20px;background: #fff; display: none;} .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} .loading i{color: #aaa; font-size: 14px;} /*热门文章*/ .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;} .entry .pic span{display:table;height: 80px;overflow: hidden;} .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;width: 120px;height:80px;} .hot-article .tit{height: 44px;overflow: hidden;line-height: 22px;font-size: 14px;margin-bottom: 12px;} .hot-article .meta{*zoom: 1;} .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:580px;_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} /*微信保存数据*/ .wxform{padding: 10px 0 15px;} .wxform li{border: 0; margin: 0; padding:0 0 12px;} .wxform li span{display: block; font-size: 12px; line-height: 28px; padding-bottom: 5px;} .wxform li input{width: 278px; padding: 0 5px; height: 34px; line-height: 34px; border:1px solid #e5e5e5; border-radius: 3px;} .wxform .btn{padding: 8px 0 10px;} .wxform .btn-yellow{width: 100%; height: 46px; background: #ffaa00; display: block; line-height: 46px; font-size: 18px; text-align: center; color: #fff; border-radius: 3px;} .wxform .btn-yellow:hover{text-decoration: none; background: #f70;} .wxform .tips{font-size: 12px; line-height: 22px; color: #888;} .wxform .tips a{color: #0777dd;} .wxform .tips a:hover{color: #f70;} .wxform-ok dl dt{font-size: 24px; height: 50px; line-height: 50px; padding: 15px 0 20px; text-align: center;} .wxform-ok dl dt i{display: inline-block; margin: 0 auto;} .wxform-ok dl dt span{display: inline-block; width: 50px; height: 50px; background: url("/www1.pcauto.com.cn/2016/media/images/pop-ico.png") no-repeat 0 -22px; float: left; margin-right: 11px;} .wxform-ok dl dd{font-size: 14px; color: #888; line-height: 20px;} .wxform-ok{padding: 10px 0 15px;display: none;} .art-empty{padding:50px 0; line-height: 100px; color: #888; text-align: center; font-size: 14px;} .meta .cmt:hover i{background:url("/www1.pcauto.com.cn/2016/media/images/icon-0929.png") no-repeat;} .meta .cmt:hover em{color:#f70;} .followus .mail_connect i, .followus .sina_connect i, .followus .wechat_connect i { background: url("/skin/zmt/index/img/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: bold; margin-bottom: 20px; color: #666; font-size: 18px; } .side_list { border: 1px solid #f0f0f0; padding: 25px; } .module { font-size: 14px; color: #888; margin-bottom: 40px;padding-left:20px;padding-top:20px; background:#FFFFFF;padding-bottom:20px; } .sort, .ad, .hot, .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: #666; 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; } /* pages */ .pages {padding:20px 0 20px 0;text-align:center;font-size:14px;color:#666666;font-family: arial;} .pages a:link,.pages a:visited,.pages a:active {background:#f5f5f5;border:#DDDDDD 1px solid;padding:8px;text-decoration:none; height: 38px; vertical-align: middle; white-space: nowrap; text-align: center; font-size: 16px; line-height: 38px;width:38px;font-family: Arial, "\5B8B\4F53", sans-serif;margin-left:5px; } .pages a:hover {background:#FF6600;border:#FF6600 1px solid;color:#fff;padding:8px;text-decoration:none; height: 38px; vertical-align: middle; white-space: nowrap; text-align: center; font-size: 16px; line-height: 38px;width:38px;font-family: Arial, "\5B8B\4F53", sans-serif;margin-left:5px; } .pages strong {background: #f60; color: #fff; border: 1px solid #f60;padding:8px; height: 34px; vertical-align: middle; white-space: nowrap; text-align: center; font-size: 16px; line-height: 34px;width:35px;font-family: arial; } .pages_inp{border:#ddd 1px solid;padding:1px;width:30px;text-align:center;color:#666666;height: 30px;line-height: 30px;} .pages_btn{width:26px;background:#F1F7FC;border:#2E6AB1 1px solid;color:#004499;font-weight:bold;font-size:11px;} .pages label{background:#FFFFFF;border:#2E6AB1 1px solid;color:#004499;padding:1px 5px 1px 5px;} .pages label em{color:red;font-weight:bold;font-style:normal;} .pages label span{font-weight:bold;} .pages cite {font-style:normal;} .author-data .btn-js .newClass { background-position: 0 -62px; }