/* CSS Document */ * {margin:0;padding:0; font-family:'Microsoft Yahei','Simsun';} body{-webkit-text-size-adjust: none;} body,button,input,select,textarea{ font-size:18px;} h1,h2,h3,h4,h5,h6{font-size:100%;} ul,ol{list-style:none;} a{text-decoration:none;color:#1F376D;} a.red{text-decoration:none;color:#ff0000;} a.black{text-decoration:none;color:#000000;} a.green{text-decoration:none;color:#1ca446;} a:hover{text-decoration:none; } img{ border:0;vertical-align:middle} button,input,select,textarea{font-size:100%; vertical-align:middle} table{width:100%;border-spacing:0px;margin:0px;padding:0px;border-collapse: collapse;} header, footer, article, section, nav, menu, hgroup,time{display: block;clear:all; } /* global */ .warp{ margin:0px auto;width:320px;} /* * 【公共正文head、导航】 */ .articleHead{} .gIcon{background:url(../images/header_icon.png) no-repeat 0px 0px;background-size:50px auto;} .articleHead .mainNav{position:relative;height:41px;line-height:41px;border-top:1px solid #458fc8;border-bottom:1px solid #349ad2;clear:both; 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);/* 全部 */ color:#fff; } .articleHead .mainNav a{ color:#fff} .articleHead .sinaLogo{display:inline-block;} .mainNav .logo{position:absolute;left:11px;top:5px;width:42px;height:32px;display:inline-block;background-position:0 2px;} .mainNav .company{position:absolute;left:58px;top:9px;display:inline-block;height:30px;color:#ffffff;font-family:'Microsoft Yahei','XinGothic-SinaWeibo','Simsun'; } .mainNav .company .name{font-size:14px;line-height:16px;font-weight:bold;display:block;font-style:italic;} .mainNav .company .url{font-size:10px;line-height:10px;display:block;margin-top:1px;font-weight:bold;font-family:'Helvetica','Microsoft Yahei','Simsun';} .mainNav .navBtn {width:52px;height:42px;position:absolute;top:0px;right:0px;background-position:16px -44px;} .mainNav .navBtn .leftLine{display:inline-block;float:left;height:42px;line-height:42px;width:1px;overflow:hidden;border-left:1px solid #3b92cc;background:#0967a9;} .mainNav .navBtn .hideBottomLine{position:absolute;bottom:-2px;right:0px;display:none;width:50px;height:4px;line-height:4px;background:#1189cb;} .articleHead .navGroup{display:none;border-top:1px solid #0e75ad;clear:both;overflow:hidden;*zoom:1;background:#1189cb;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;} @charset "gb2312"; /**************** * @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; } /* * 正文架架 */ #artcileMain{padding: 0 14px;} #artcileMain img{vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;padding-bottom:10px} /* * 【通用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(../images/article_icon_v2.1.4.png) no-repeat 0px 0px;background-size:50px auto;} .line{height:2px;line-height:2px;background:#e3e3e3;} /* * 【正文内容】 */ .articleContent{font-size: 18px;line-height: 27px;margin-bottom:10px;padding-top:0px;color: #2C2C2C;word-wrap:break-word;overflow:hidden;} .articleContent a, .nav a{ color:#4E7EBD} .articleContent br { margin-bottom:10px !important; content:"" !important; display:block !important} .articleContent p { margin-bottom:15px; line-height:24px;} .articleContent .img_span{text-align:left;color:#787878;font-size:13px;line-height:25px;} .articleContent img{max-width: 290px;padding: 0px;vertical-align:middle;border:none;} .articleContent .video{text-align:center;} .articleContent video{width:290px;margin:0 auto;} .articleContent .videoMessage{text-align:center;padding-top:1px;font-size:13px;padding-bottom:5px;} .articleContent .imgMessage{display:block;padding-top:10px;color:#787878;font-size:13px;line-height:16px;text-align:center;} .articleContent button, .articleContent input, .articleContent select, .articleContent textarea{margin-right:5px;} /* * 【正文标题】 */ .articleTitle{clear:both;position:relative;margin-bottom:10px;} .articleTitle h2{padding:10px 0px 0px 0px;font-size:20px;line-height:24px;font-family:'iphonehei','simhei','Microsoft Yahei','Simsun';text-decoration:none;font-weight:600; text-align:center;} .articleTitle .from{display:inline-block;} .articleTitle .prot{ border-bottom:1px dashed #ddd;color:#999;font-size:12px;line-height:20px;padding-bottom:2px; text-align:center;} .articleTitle .goCommentShare{position:absolute;bottom:0px;right:0px;display:inline-block;z-index:200; background:-webkit-linear-gradient(top, #f8f8f8, #ededed); /* Chrome */ background:-webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#ededed)); /* for older webkit (android2.3-, ios4-) */ background:-moz-linear-gradient(top, #f8f8f8, #ededed); /* FF */ background:-ms-linear-gradient(top, #f8f8f8, #ededed); /* IE10 */ background:linear-gradient(top, #f8f8f8, #ededed);/* 全部 */ -moz-box-shadow:inset 0px 1px 0px rgba(255,255,255,1.0);/* 阴影 */ -webkit-box-shadow:inset 0px 1px 0px rgba(255,255,255,1.0);/* 阴影 */ } .articleTitle .goComment{float:left;display:inline-block;height:20px;line-height:20px;font-size:12px;border:1px solid #c8c8c8;padding:2px 5px;} .articleTitle .goComment .comment_icon{ display:inline-block;position:relative;top:3px;width:12px; height:12px; background-position:0px 0px; margin-right:4px} .articleTitle .goComment .num{ color:#fff; display:inline-block;padding:2px 4px; line-height:12px;background:#5494ea;} .articleTitle .goShare{float:left;display:inline-block;width:40px;height:24px;border:1px solid #c8c8c8;border-left:0px;background-position:12px -23px;} /* * 【正文加载】(余下全文) */ a.remainAriticle:link,a.remainAriticle:visited{margin:20px 0px 15px 0px;height:36px;line-height:36px;color:#555555;} a.remainAriticle:active{color:#9E9E9E;background-image:-webkit-linear-gradient(top,#F8F8F8,#DFDFDF);} .loadingArt{ display:block; margin:15px auto; width:40px; height:40px; background:url(../images/pull_icon.png) 0 0 no-repeat; background-position:0 100%; -webkit-background-size:40px 80px; background-size:40px 80px; -webkit-animation-name:loading; -webkit-animation-duration:2s; -webkit-animation-iteration-count:infinite; -webkit-animation-timing-function:linear; } @-webkit-keyframes loading { from { -webkit-transform:rotate(0deg) translateZ(0); } to { -webkit-transform:rotate(360deg) translateZ(0); } } /* * 【返回专题】 */ .backTopic{position:relative;display:block;margin:17px 0px;margin-bottom:10px;text-align:left;} .backTopic a.info:link, .backTopic a.backTopic:visited{padding-left:50px;display:inline-block;color:#4E7EBD;font-size:15px;line-height:20px;font-weight:bold;background:url(../images/article_backtopic.png) 0 0 no-repeat;background-size:42px auto;cursor:pointer;} .backTopic a.info:active{color:#4E7EBD;} /* * 【noScript提示】 */ .noScript{margin:10px 10px; text-align:center;} /* * 【分享】 */ a.articleShare:link,a.articleShare:visited{margin:9px 0px 20px 0px;font-size:15px;font-weight:bold;display:inline-block;height:22px;line-height:22px;padding-left:23px;background-position:0px -26px;color:#4e7ebd;text-decoration:none;} a.articleShare:active{color:#4e7ebd;} a.articleShare .count{font-size:12px;color:#b2b2b2;padding-left:4px;} /* * 【推广】 */ .advertise{padding:5px 8px;background:#f6f6f6;border:1px solid #DFDFDF;margin-bottom:15px; -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; -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; } .advertise a{padding-left:19px;line-height:30px;font-size:15px;background-position:-34px -404px;} /* * 【评论】 */ .articleComment {} .articleComment .title{padding:0px 0px 10px 13px;background-position:0 -151px;margin:18px 0px 0px 0px;text-align:left;font-size:17px;color:#2c2c2c;font-weight:bold;border-bottom:1px dashed #dedede;} .articleComment .title .count{font-size:12px;color:#b2b2b2;padding-left:6px;} .articleComment .title a.showAll:link,.articleComment .title a.showAll:visited{float:right;font-size:14px;color:#999999;text-decoration:none;} .articleComment .title a.showAll:active{color:999999;} .articleComment .commentInfo{list-style:none;padding:0px;margin:0px;} .articleComment .commentInfo li{color:#2c2c2c;font-size:15px;line-height:22px;padding:6px 0px 20px 0px;margin:0px;} .articleComment .commentInfo .user{height:22px; padding-right:120px; position:relative;color:#2761af;text-align:left;} .articleComment .commentInfo .user:after{content:'.';display:block;visibility:hidden;height:0px;clear:both;} .articleComment .commentInfo .name{ width:auto; max-width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; padding-right:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:inline-block;} .articleComment .commentInfo .mobile{padding-right:33px;background-position:right -373px;background-size:50px auto;} .articleComment .commentInfo .date{ width:auto;color:#cccccc; float:right;font-size:12px;position:absolute; top:0; right:0} .articleComment .publishComment{margin-bottom:20px;} .articleComment .commentIsNull{padding:30px 8px 40px 8px;text-align:center;font-weight:bold; font-size:14px;line-height:22px;color:#999999;} /* * 【相关阅读】 */ .articleRelated {} .articleRelated .title{padding:0px 0px 10px 0px;background-position:0 -183px;margin:10px 0px 0px 0px;text-align:left;font-size:17px;color:#2c2c2c;font-weight:bold;border-bottom:1px dashed #dedede;} .articleRelated .relatedInfo{list-style:none;padding:4px 0px;marging:0px;} .articleRelated .relatedInfo li{color:#2c2c2c;font-size:15px;line-height:26px;padding-left:0px;background-position:0px -314px;} /* * 【阅读全文】 */ .read-all{font-size:12px;color:#8fa7b2;display:box;display:-webkit-box;} .read-all span{display:block;box-flex:7;-webkit-box-flex:7;padding-left:8px;background:#ecf7fd;border:1px solid #E1EBF0;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-top-right-radius:0px;border-bottom-right-radius:0px;} .read-all a{display:block;box-flex:3;-webkit-box-flex:3;margin-left:2px;text-align:center;color: #8fa7b2;background:#ecf7fd;border:1px solid #E1EBF0;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-top-left-radius:0px;border-bottom-left-radius:0px;} /* * 【免责声明】 */ .disclaimer{font-size:12px;line-height:16px;color:#a6a6a6;padding:10px 9px 11px 9px;} /* * 【微博热议】 */ .tttinput_pm{ clear:both; overflow:hidden; *zoom:1;} .tttinput_pm p{ line-height:26px; height:26px; font-size:16px} .tttinput_c div{ padding:8px 0px 4px 0px; clear:both; overflow:hidden; *zoom:1} .tttinput_pm span{ float:right; display:inline; font-size:14px; padding-top:5px} .tttinput_textarea{width:99%;margin-bottom:8px; font-size:16px; height:60px} .tttinput_pm input{ font-size:16px} .w{ clear:both; overflow:hidden;*zoom:1; padding:0px 16px 8px 16px; background:#f8fafe; color:#525252; border:#cccccc solid 1px; margin:0 5px 5px 5px;} .w p{ padding:3px 0px; text-align:center} .t{ color:#5c7ab4; line-height:28px;} .c{ padding:2px 0px; line-height:150%} .t_1{ margin:0px; padding:0px 5px 4px 5px ; height:32px; line-height:32px; border-top:1px solid #b7c9e5} .dc, .ttt_c{ clear:both; padding:6px 0px; line-height:28px;} .ttt_c a, .ttt_ct{vertical-align:bottom;} .ttt_ct{color:#999999;} .dc{ clear:both; padding:6px 0px; font-size:16px;margin:5px;} .user_wd{ padding:2px 12px 5px; clear:both;} .user_wd:last-child{border-bottom:none} .user_wd span{ display:block; font-size:14px} .user_wd span a{ margin:0px 5px}