zdcn_main.css

自己平时从网上搜集的http协议解析文档

/* CSS Document */
body{ margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif,"宋体"; font-size:12px;
background:#efefef url(../images/body_bg.gif) repeat-x;}
div,form,img,ul,ol,li,dl,dt,dd,p,form,fieldset,legend,input,textarea,blockquote{margin: 0; padding: 0; list-style-type:none;}
fieldset,img{ border: 0;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;}
h2{ font-size:14px;}
h3{ font-size:12px;}
cite{ font-style:normal;}
table,td,tr,th{font-size:12px; border-collapse:collapse; border-spacing:0;}

/* 链接颜色*/
a{ color:#000; text-decoration:none;}
a:hover {text-decoration:underline;}

/* 字体大小*/
.f12{ font-size:12px;}
.f14{ font-size:14px;}

/* 其他属性 */
.flt_l{ float: left;}
.flt_r{ float: right;}
.hidden {display: none;}
.unLine ,.unLine a{text-decoration: none;}
.no_bor{border:none; }

#header{ background:url(../images/masthead_bg.png) repeat-x; margin:0 auto; clear:both;}
#header .header_c{ background:url(../images/masthead.png) no-repeat 50% 0; height:114px; margin:0 auto;}
#header .header_c .zdnet_logo{ float:left; padding:30px 0 0 0;}
#header .header_c .zdnet_logo a{ width:239px; height:50px; background:url(../images/logo_zdnet239x49.gif) no-repeat; text-indent:-9999px; display:block;}
#header .header_c .head_ad{ float:right; width:728px; padding:10px 0 0 0;}
#header .header_c .head_ad p{ color:#9ac0d7; text-align:right; font-size:10px; margin:20px 40px 0 0;}
#header .header_c .head_ad p a{ color:#9ac0d7;}
#header .head_nav{ background:#dbe9f0 url(../images/nav_bg.gif) repeat-x; height:31px; margin:0 auto;}
#header .head_nav ul{ /*float:left; width:750px; padding-left:10px;*/}
#header .head_nav li{ float:left;}
#header .head_nav li a{ display:block; padding:6px 10px 0px; /* float:left;*/line-height:25px; color:#295aa7; font-weight:bold;}
#header .head_nav li a:hover ,#header .head_nav li.active a ,#header .head_nav li.active a:hover
{ background:url(../images/nav_tab_arrow.gif) no-repeat 50% 100%; color:#fff;}
#header .head_nav li.active{ background:#087fcb url(../images/nav_tab_bg.gif) repeat-x; color:#fff;}
#header .head_nav li a:hover{ background:#b4d1e0 url(../images/nav_tab_arrow.gif) no-repeat bottom center; text-decoration:none;}
#header .head_nav .form_sear{ padding:3px 0 0 0; float:right; width:240px; text-align:right;}
.form_sear input{ padding:2px; width:160px; border:1px solid #869bac; color:#b0b0b0; /*vertical-align:middle;*/}
.form_sear button{ margin:0 4px 0 3px; width:25px; height:25px; background:url(../images/search_btn.gif) no-repeat; border:0; text-indent:-9999px; vertical-align:middle; cursor:pointer;}

.sec_navbar{ padding-left:10px; border-bottom:1px solid #e5e5e5; height:34px; width:970px; margin:0 auto;}
.sec_nav{}
.sec_nav li{ margin-right:8px; margin-top:12px; padding-right:8px; border-right:1px solid #ccc; font-family:"宋体"; float:left;}
.sec_nav li a{ color:#06c;}
.sec_nav li.red a{ color:#f00; font-weight:bold;}
.sec_nav li.cur a{ color:#c00; font-weight:bold;}
.sec_nav li.no_bor{ border:none; }
.r_row{ float:right; border-bottom:0; border-left:1px solid #cbcbcb; padding:0 10px 0 10px; margin:0; /*width:126px; */height:34px;  line-height:34px; background:url(../images/top_navbgr.gif) repeat-x bottom; color:#333;}
/*.r_row li{ border-right:1px solid #666; padding-right:6px; float:left;}*/
.r_row a{ color:#333;}

.top_ad { margin-bottom:8px; width:980px; float:left;}
.top_ad .ad_con{ width:728px; padding-left:8px; text-align:center; float:left;}
.top_ad .adri{ width:216px; padding-right:8px; float:right;}

.my_potn{ border:1px solid #d7e7da; background:#f8fff7; width:460px; height:24px; margin-bottom:18px; float:left;}
.my_potn h3{ background:url(../images/news_flash_flag_green.gif) no-repeat right; width:80px; text-align:center; font-size:12px; color:#fff; padding-top:6px; height:18px; float:left;}
.my_potn span{ color:#275e94; padding:6px 0 0 6px; float:left;}
.my_potn span a{ color:#06c;}
.sec_nn{ margin:10px 0 8px 10px; *margin-left:5px; width:600px;}

.width{ width:980px; margin:0 auto;}
.area{ width:980px; margin:0 auto; padding:0 5px; clear:both;}
.fst_bg{ background:url(../images/shadow_sides.gif) no-repeat top center;}
.fst_bg .width{ background:#fff; width:980px; padding-bottom:20px;}


h3.do_ths{ font-size:14px; color:#888; background:url(../images/news_heading.gif) no-repeat; width:460px; height:22px; padding:2px 0 0 10px; margin-top:10px; float:left;}
h3.t_bg{ background:url(../images/tit_bg_rig.gif) no-repeat right; padding-top:8px; height:21px; width:430px;}
dl.space_row{ width:460px; margin:10px 0 6px 0; float:left;}
dl.space_row dt{ width:26px; text-align:center; padding-top:6px; float:left;}
dl.space_row dd{ float:left; width:434px; line-height:18px; color:#888;}
dl.space_row dd h2{ color:#275e94; width:123px; text-align:center; background:url(../images/tit_space_bg.gif) no-repeat; padding-top:8px; height:30px;}
dl.space_row dd h2 a{ color:#0365c8;}


.recomm{ float:left; width:400px; margin-top:8px;}
h2.recomm_t{ background:url(../images/spa_tit_bg.gif) no-repeat; padding-left:5px; height:30px;}
h2.recomm_t span{ background:url(../images/switch_tab_right.gif) no-repeat top right; padding:8px 16px 0 10px; height:22px; color:#fff; float:left;}
.recomm .recomm_pic{ border:1px solid #d9d9d9; border-top:0; width:398px; float:left;}
.recomm .recomm_pic dl{ width:130px; text-align:center; padding:10px 0; float:left;}
.recomm .recomm_pic dt{}
.recomm .recomm_pic dd{ line-height:20px; color:#888;}
.recomm .recomm_pic dd a{ font-weight:bold; color:#0365c8;}
img.ic_add{ margin:2px 4px; cursor:pointer; vertical-align:middle;}

.main_bottom{ padding:15px 0; background:#f0f5f7; border-top:1px solid #d4e4eb; height:30px; position:relative;}
.main_bottom .bott_width{ position:relative; width:980px; margin:0 auto;}
.main_bottom .tab { padding:0 0 0 20px; position:absolute; top:-16px; /*right:-14px!important;*/ right:-1px; background:url(../images/footer_tab_left.gif) no-repeat 0 100%;}
.main_bottom .tab a { padding:0 13px 0 5px; float:left; display:block; height:21px; background:url(../images/footer_tab_right.gif) no-repeat 100% 100%; color:#25549d;}



h1.noti{ background:url(../images/tit_space_bg.gif) no-repeat; text-align:center; font-size:14px; width:123px; color:#275e94; padding-top:8px; height:30px;}
.noti_con{ /*background:#f0f0f0;*/ line-height:18px; padding:8px; margin:0 10px 8px 0; border-bottom:1px solid #ccc;}

.zd_left{ float:left; width:628px; padding-left:8px;}
.zd_ad{ width:620px; text-align:center; float:left;}
.img_mag{ margin:6px 0;}
.zd_left .zd_row{ clear:both; margin-bottom:6px; padding-right:6px;}
.zd_row .tody_l{ float:left; width:330px; margin-right:10px; }
.zd_row h2.tody_tt{ background:url(../images/news_heading.gif) no-repeat right bottom; font-size:14px; padding:14px 0 0 10px;  margin-top:6px; height:22px; color:#2472b2; clear:both;}
h1.theme{ font-size:14px; color:#2e659b; padding:8px 0 0 10px; height:22px; clear:both;}
h1.theme a{ color:#2e659b;}
dl.tod_ph{ padding:8px 0; border-bottom:1px dashed #ccc; float:left;}
dl.tod_ph dt{ width:120px; text-align:center; float:left;}
dl.tod_ph dt img{ padding:3px; border:1px solid #ccc;}
dl.tod_ph dt a img{ width:96px; height:70px;}
dl.tod_ph dd{ width:198px; line-height:18px; float:left;}
ul.h_line{ padding:10px 0 0 10px; margin-bottom:12px; clear:both;}
ul.h_line li{ background:url(../images/bul_orange_5x5.gif) no-repeat 0 6px; line-height:20px; padding-left:14px;}
ul.h_line li a{ color:#40647e;}
ul.h_line li cite{ float:right; margin-right:8px; font-size:10px; color:#999;}
ul.arti_f li{ font-size:14px; line-height:160%;}
ul.arti_f li.more_at ,.soft_itcon ul.it_con li.more_at ,ul.obs li.more_at ,ul.hot li.more_at
{ background:none; text-align:right; margin-right:8px; font-size:12px;}
.more_att{ text-align:right; margin-right:8px; padding-top:6px; clear:both;}
.more_att a{ color:#4f69b3;}

.zd_row .tody_r{ float:left; width:280px; margin-top:8px;}
.tody_r .soft_it{ float:left; width:280px; margin-bottom:10px;}
.tody_r .soft_it .soft_itcon{ border:1px solid #d9d9d9; border-top:0; width:272px; padding:3px; float:left;}
.tody_r .soft_it .bg_blue{ background:#eaf1f7 url(../images/bg_t_blue.gif) repeat-x top; /*margin:2px; width:272px; float:left;*/}
.soft_itcon ul.it_con{ padding:6px 0 2px 6px; margin-bottom:0;}
.soft_itcon ul.it_con li{ background:url(../images/arrow_grey.gif) no-repeat 0 6px; line-height:22px;}
dl.blog_clm{ float:left;}
dl.blog_clm dt{ width:78px; text-align:center; float:left;}
dl.blog_clm dt img{ width:70px; height:52px;}
dl.blog_clm dd{ line-height:18px; width:190px; float:left;}
dl.secl{ padding-top:8px;}
dl.secl dt img{ width:62px; height:80px;}

dl.pht_news{ float:left; border-bottom:1px dashed #ccc; width:124px; padding:10px 0 6px 0; text-align:center; font-family:"宋体";}
dl.pht_news dt{ width:110px;}
dl.pht_news dt img{ width:97px; height:72px; padding:4px; border:1px solid #ccc;}
dl.pht_news dd{ line-height:18px; width:110px; text-align:center;}
dl.pht_news dd a{ color:#4f69b3;}
.pad_l{ padding-left:2px;}

.zd_row .observ_box{ border-right:1px solid #ccc; width:310px; float:left;}
.zd_row .observ{ border-bottom:1px dashed #ccc; margin-left:8px; *margin-left:4px; width:300px; float:left;}
.zd_row .observ_sub{ float:left; width:300px; margin:6px 0;}
.zd_row .observ_sub h3.obs_tt{ border:1px solid #ccc; font-size:12px; padding:6px 6px 0; height:16px; color:#4765dd; font-family:"宋体"; float:left;}
ul.obs{ float:left; padding:0 0 10px 10px; width:220px;}
ul.obs li{ background:none; padding-left:0px; line-height:18px; color:#40647e;}
ul.obs li a{ color:#40647e;}
.zd_row .obs_pic{ float:left; padding:4px 0 0 0;}
.zd_row .no_bor{ border-right:0;}

ul.hot{ float:left; width:296px; margin-bottom:6px; clear:none;}
ul.hot li{ line-height:18px;}
ul.sdul{ width:288px;}

ul.grad_nav{ background:url(../images/switch_tab_bg.gif) repeat-x; height:29px; margin-top:8px; clear:both;}
ul.grad_nav li{ float:left; padding:8px 0 0 15px; line-height:20px;}
ul.grad_nav li a{ color:#666a6b; cursor:pointer;}
ul.grad_nav li a:hover{}
ul.grad_nav li.current{ background:url(../images/switch_tab_arrow.gif) no-repeat 50% 100%; margin:0 0 0 15px; padding:0 0 6px 0;}
ul.grad_nav li.current h3{ background:#2a8ac6 url(../images/switch_tab_right.gif) no-repeat 100% 0;}
ul.grad_nav li.current a{ background:url(../images/switch_tab_left.gif) no-repeat; padding:8px 15px 0 15px; line-height:22px; font-size:14px; color:#fff; display:block; text-decoration:none;}
ul.grad_nav li.first{ margin:0;}

.zd_row .sign{ clear:both; height:24px; word-spacing:6px; padding:10px 0 0 4px;}
.zd_row .sign a{ color:#4f69b3;}
.zd_row .sign strong{ font-weight:normal; margin-right:8px;}

.zd_row .sign_bg{ border:1px dashed #cacaca; background:#f7f7f7; width:620px; float:left;}
dl.no_bor{ border-bottom:0;}
.zd_row .sign_bgcl{ border-right:1px dashed #ccc; width:320px; float:left;}
ul.sign_m{ width:280px; padding:8px 0 0 10px;}
ul.sign_m cite{ padding-left:20px;}
ul.sign_m cite a{ color:#4f69b3;}

.sof_lf{ border-bottom:1px solid #ccc;}
.bu_bg{ width:614px; border:1px solid #dfe9ea; background:#f7f9f8;}
h1.theme span{ color:#333;}
ul.downld{ clear:both; padding-left:10px;}
ul.downld li{ line-height:22px; /*text-align:left;*/ width:75px; float:left;}
ul.downld li a{ color:#355b80;/* margin-left:18px; */display:block;}
ul.downld li.down_b{ background:url(../images/arrow_grey.gif) no-repeat 0 6px; padding-left:14px; color:#565857;}
ul.it_pa li{ line-height:22px;}
ul.tag{}