@charset "utf-8"; /**************** * @description : 手浪精简版频道 公共header导航 * @author : 王锋 * @date : 2012-11-29 ****************/ /*css reset*/ body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0} body{ font-size:16px;font-family:'XinGothic-SinaWeibo','Microsoft Yahei','Simsun'; color:#333; line-height:150%; background:#fdfdfd;-webkit-text-size-adjust: none; min-width:320px;} h1,h2,h3,h4,h5,h6{font-size:100%} form{display:inline} ul,ol{list-style:none} a{text-decoration:none;color:#333} a:hover, a:active, a:focus{color:#990000;text-decoration: none;cursor:pointer;} a:active{color:#9e9e9e;} img{vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;padding-bottom:10px} button,input,select,textarea{font-size:100%; vertical-align:middle;outline:none;} table{border-collapse:collapse;border-spacing:0} textarea{resize:none} .fl{float:left;}.fr{float:right;}.hid{display:none;} body .show{display:block;} header, footer, article, section, nav, menu, hgroup {display: block;clear:all;} .in, .out, .rin, .rout, .picani { -webkit-animation-timing-function: ease-in-out; -webkit-animation-duration: 500ms; } /* * 【公共正文head、导航】 */ .articleHead{} .gIcon{background:url(../../image/tech/header_icon_v3.png) no-repeat 0px 0px;background-size:50px auto;} .articleHead .mainNav{position:relative;height:43px;line-height:43px;border-top:1px solid #68b6e2;border-bottom:1px solid #3097d0;clear:both; background:-webkit-linear-gradient(top,#379ed8,#58aede); /* Chrome */ background:-webkit-gradient(linear, left top, left bottom, from(#379ed8), to(#58aede)); /* for older webkit (android2.3-, ios4-) */ background:-moz-linear-gradient(top, #379ed8, #58aede); /* FF */ background:-ms-linear-gradient(top, #379ed8, #58aede); /* IE10 */ background:linear-gradient(top, #379ed8, #58aede);/* 全部 */ } .articleHead .sinaLogo{float:left;width:42px;height:32px;margin:5px 7px 0px 8px;display:inline-block;background-position:0 2px;} .articleHead .back{float:left;width:42px;height:32px;margin:0px 7px 0px 8px;display:inline-block;background-position:0 -260px;} .articleHead .center_tips{ overflow:hidden; *zoom:1; padding-right:57px; text-align:center; color:#fff} .mainNav{line-height:43px;} .mainNav .navLine{display:inline-block;float:left;height:43px;line-height:43px;width:1px;overflow:hidden;border-left:1px solid #5bafdf;background:#3097d0;} .mainNav .levelOne{padding:0 18px 0 12px;background-position:right -212px;float:left;color:#ffffff;font-size:14px;font-weight:bold;} .mainNav .levelTwo{padding:0px 14px 0px 8px;background-position:right -212px;float:left;color:#ffffff;font-size:14px;font-weight:bold;} .mainNav .navBtn {width:52px;height:44px;position:absolute;top:0px;right:0px;background-position:16px -44px;} .mainNav .navBtn .hideBottomLine{position:absolute;bottom:-2px;right:0px;display:none;width:50px;height:4px;line-height:4px;background:#58aede;} .articleHead .navGroup{display:none;border-top:1px solid #71bae3;border-bottom:1px solid #44a1d4;clear:both;overflow:hidden;*zoom:1;background:#58aede;width:100%;} .articleHead .navGroup a{display:inline-block;float:left;width:53px;height:39px;line-height:39px;font-size:16px;text-align:center;color:#ffffff;border:none;margin:0px;padding:0px;} .articleHead .bottomShadow{height:6px;line-height:6px;background-position:0 -199px;background-repeat:repeat-x;} /* * 正文架架 */ #artcileMain{padding: 0 14px;} /* * 【通用Button】样式, 如:余下全文button等 */ .artBt{display:block;border:1px solid #DFDFDF;text-align:center;border-bottom:1px solid #DBDBDB;cursor:pointer;color:#555555;font-size:15px; -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; background:-webkit-linear-gradient(top,#F8F8F8,#EDEDED); background:-webkit-gradient(linear, left top, left bottom, from(#F8F8F8), to(#EDEDED)); /* for older webkit (android2.3-, ios4-) */ -moz-box-shadow:inset -1px 3px 5px 0px white;-webkit-box-shadow:inset -1px 3px 5px 0px white;box-shadow:inset -1px 3px 5px 0px white; } a.artBt:link,a.artBt:visited{height:36px;line-height:36px;color:#555555;} a.artBt:active{color:#9E9E9E;background:-webkit-linear-gradient(top,#F8F8F8,#EDEDED);background:-webkit-gradient(linear, left top, left bottom, from(#F8F8F8), to(#EDEDED));} .artIcon,.advertise a{background:url(../../image/tech/article_icon_v2.1.4.png) no-repeat 0px 0px;background-size:50px auto;} .line{height:2px;line-height:2px;background:#e3e3e3;} /* * 【公共更多导航】 */ .dialog{margin:0px;padding:0px;width:100%;} .dialog .clint_nav{position:relative;height:34px;line-height:34px;text-align:center;border-top:1px solid #458fc8;border-bottom:1px solid #349ad2;clear:both; -webkit-box-shadow:0px 3px 6px #C1C1C1; background:-webkit-linear-gradient(top,#0769b6,#1188ca); /* Chrome */ background:-webkit-gradient(linear, left top, left bottom, from(#0769b6), to(#1188ca)); /* for older webkit (android2.3-, ios4-) */ background:-moz-linear-gradient(top, #0769b6, #1188ca); /* FF */ background:-ms-linear-gradient(top, #0769b6, #1188ca); /* IE10 */ background:linear-gradient(top, #0769b6, #1188ca);/* 全部 */ } .dialog .clint_nav strong{padding:0px;width:100%;font-size:16px;color:#fff;float:none;} .dialog .clint_nav .aclose{ width:45px;height:28px;line-height:28px;padding:0px;float:none;position:absolute;right:8px;top:7px;padding:0px;font-size:14px;font-weight:normal;float:right;color:#fff; -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; background:-webkit-linear-gradient(top,#BDBDCA,#616169); /* Chrome */ background:-webkit-gradient(linear, left top, left bottom, from(#BDBDCA), to(#616169)); /* for older webkit (android2.3-, ios4-) */ background:-moz-linear-gradient(top, #BDBDCA, #616169); /* FF */ background:-ms-linear-gradient(top, #BDBDCA, #616169); /* IE10 */ background:linear-gradient(top, #BDBDCA, #616169);/* 全部 */ } .dialog .navigation {padding:0px 1px; mrgin:0px;} .dialog .navigation li{float:left;width:106px; height:38px; line-height:38px;display:inline-block;border-bottom:1px solid #E3E1E1;} .dialog .navigation li a{ background: url(../../image/sina_cn/index01.png) no-repeat;float:left; width:60px; height:38px; line-height:38px; padding-left:46px; font-size:16px;} /* * 【导航中的专题区】 */ .articleHead .topic{background:#ecf7fd;color:#83a3b2;font-size:14px;height:40px;line-height:40px;padding:0px 6px 0px 15px;} .articleHead .topic{display: block;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;} /* * 【页尾footer】 */ .footer{margin-top:10px;height:60px;line-height:60px;border-top:1px solid #cacaca;text-align:center;} .footer .backPrevPage{float:left;height:60px;display:inline-block;width:60px;background-position:0px -90px;} .footer .backTop{float:right;height:60px;display:inline-block;width:60px;background-position:33px -140px;} .footer .publishSuggestion{display:inline-block;color:#2761af;font-size:15px;}