﻿/*<link href="base2.2.css" type="text/css" rel="stylesheet" rev="stylesheet" />*/

/*默认*/
textarea{outline:0;}
div{text-align:left;}
ul{list-style:outside;}
select{font-size:13px;}
table{border-collapse:collapse;}
input:focus,textarea:focus{background:#DFF0FF;}
h1,h2,tt{display:block;font-size:14px;font-weight:bold;}
html,body {margin:0px auto;height:100%;text-align:center;}
a:hover{font-family:宋体,Arial;color:#CC0000;text-decoration:none;}
a:link,a:visited{font-family:宋体,Arial;color:#222;text-decoration:none;}
input,td,body,div,li,p{font-family:宋体,Arial;font-size:12px;color:#222;}
img,form,tt,h1,h2,h3,h4,h5,ul,li,dt{font-family:宋体,Arial;padding:0;border:0;margin:0;outline:0;}

/*
定义通用模块类
<div class="module">
  <tt class="si14" resume="图文共行"><img src="http://www.onlinedown.net/images/d_d.gif"/><a href="javascript:;" title="title">热点专题</a></tt>
  <tt class="more f12"><a href="javascript:;" title="resume">更多&gt;&gt;</a></tt>
  <ul class="cont">
    <li class="ud" resume="上图下文">
      <img src="http://www.onlinedown.net/images/d_d.gif" /><p><a href="javascript:alert(this.scrollHeight);">罗海琼在成都拍摄现场</a></p>
    </li>
    <li class="ud">
      <img src="http://www.onlinedown.net/images/d_d.gif" /><p><a href="" style="width:100%;">地震让拍摄停止</a></p>
    </li>
    <li class="tt12" resume="图文共行">
      <img src="http://www.onlinedown.net/images/d_d.gif" /><a href="">北大清华高招计划确定</a>
    </li>
    <li class="tt12">
      <img src="http://www.onlinedown.net/images/d_d.gif" /><a href="">张娜拉变身辣妹泄春色</a>
    </li>
    <li class="tt12" resume="时间右对齐">
      <img src="http://www.onlinedown.net/images/d_d.gif" /><a href="">大学生，你真懂爱情吗</a>
      <dt>2008年10月12日</dt>
    </li>
    <li class="lr" resume="左图右段落">
      <img src="http://www.onlinedown.net/images/d_d.gif" /><p>昨天14时28分，四川汶川县发生7.8级地震。这次地震波及到了全国很多地方，也让很多人事后心有余悸。而在这次地震中，在各地忙着的明星们同样被吓得不轻。</p>
    </li>
  </ul>
</div>
*/
*.module,*.cont{position: relative;overflow:hidden;}
/*定义标题列表右对齐*/
.module h1,.module tt{display:block;position:relative;overflow:hidden;padding:0 12px;font-size:14px;font-weight:bold;line-height:22px;}
.module h1 img,.module tt img,.module li img{margin:4px 6px -2px 0;}
.module h2{display:block;position:absolute;overflow:hidden;white-space:normal;text-align:center;top:1px;left:1px;font-size:14px;font-weight:bold;letter-spacing:1px;}
.module h1.more,.module tt.more,.module dt{display:block;position:absolute;overflow:hidden;top:0;right:0;text-align:right;padding:0 12px;border-left:0;font-size:12px;font-weight:normal;background:transparent;}
/*结构左中右[left,center,right]*/
.module .left{}
.module .center{position:absolute;margin:0px;border:0px;width:33.33%;left:33.33%;}
.module .right{position:absolute;margin:0px;border:0px;width:50%;right:0;}
/*设置默认列表及列表图片*/
.module ul,.module li{display:block;overflow:hidden;list-style:none;}
.module li{clear:both;position:relative;white-space:nowrap;text-overflow:ellipsis;padding:0 6px;}
.module p{overflow:hidden;display:block;margin:0;padding:0;line-height:20px;white-space:normal;word-wrap:break-word;}
/*设置ul li,div a浮动列表*/
.module ul.float,.module div.float{position:relative;}
.module ul.float li,.module div.float a{display:block;float:left;clear:none;overflow:hidden;padding:0;line-height:22px;}
/*上下段落结构*/
.module li.ud,.module .ud li{clear:none;float:left;text-align:center;padding:0;margin-right:4px;}
.module .ud img{margin:0;}
/*左右段落结构*/
.module li.lr,.module .lr li{clear:none;white-space:normal;word-wrap:break-word;}
.module .lr img{display:block;float:left;margin:0;}
.module .lr * img{display:inline;float:none;}
.module .lr p{margin-left:5px;float:left;}

/*
%比布局设置,left,right左或右固定值
  <div class="frame">
    <div class="leftF" style="width: 50px; background: #EEE;">
    </div>
    <div class="frame" style="margin: 50px; background: #000;">
      <div class="rightF" style="width: 50px; background: #CCC;">
      </div>
    </div>
  </div>
*/
*.frame{position:relative;overflow:hidden;margin:0px auto;}
.frame .leftF{position:absolute;left:0;}
.frame .rightF{position:absolute;right:0;}

/*
在范围内垂直居中图片
例:
  <a class="cimg" href=""><img class="s" /><img src="http://img.alimama.cn/a/2008-08-22/165008/109341360850220450086.gif" /></a>
*/
*.cimg{vertical-align:middle;overflow:hidden;margin:auto;text-align:center;display:table-cell;*display:block;}
*.cimg .s,*.cimg .blank{vertical-align: middle;width:0px;border:0;height:100%;display:inline-block;}
*.cimg img{vertical-align:middle;border:0;display:inline;}


/*global常用标签*/
*.mt{margin-top:8px;}
*.ml{margin-left:9px;}
*.cn{font-family:宋体;}
*.en{font-family:Arial;}
*.show{display:inherit;}
*.hidden{display:none;}
*.th{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
*.tb{white-space:normal;word-wrap:break-word;}

  /*文字或链接颜色*/
.cFFF,.cFFF:link,.cFFF:visited,.cFFF a:link,.cFFF a:visited{color:#FFF;}
a.cFFF:hover,.cFFF a:hover{color:#CC0000;}
.c000,.c000:link,.c000:visited,.c000 a:link,.c000 a:visited{color:#000;}
a.c000:hover,.c000 a:hover{color:#CC0000;}

  /*链接效果a对象及子对象的Display必须等于inline,否则会错乱*/
* a.ef:hover,*.ef a:hover{padding-left:1px;margin-right:-1px;}

  /*设置同行内的表单和图片对齐方式*/
*.linealign input,*.linealign img{vertical-align:text-bottom;}
