欢迎来到FTL的网站

/*------------------------------------头部信息开始------------------------*/

* { margin: 0; padding: 0; }

a {

/*去除连接下面的横线*/

text-decoration: none;

}

body {

font: 14px Tahoma,Verdana,Arial,Helvetica,"\5b8b\4f53",sans-serif;

color: #333;

}

.head-box {

background-color: #2459a2;

/*如果我们设定这个导航栏固定的时候，必须设定top和left为0*/

top: 0; /*0不用带px,默认就是*/

left: 0;

height: 44px; /*设置行高*/

width:100%;

position: fixed;

}

.head-content {

margin: 0 auto; /*设定居中*/

background-color: #2459a2;

width: 1016px;

height: 44px;

line-height: 44px;

position: relative; /*方便后面调试注册，登录*/

}

.logo {

width: 121px; /*设定宽度，否则无法显示图片*/

height: 23px; /*设定高度，否则无法显示图片*/

background: url("http://dig.chouti.com/images/logo.png") no-repeat 0 0;

float: left; /*顶着第二个head-content框显示*/

margin-top: 11px; /*设定距离顶部多少距离*/

}

.action-menu{

float: left; /* 跟float:left 同样的效果： display: inline-block; */

/*margin-top: 11px; !*head-content里面设置了line-height，已经确保了文字在中间，此行可省略*!*/

margin-left: 20px;

}

/*action-menu下面的class为tb的a标签*/

.action-menu a.tb {

color: #c0cddf;;

/*消除了元素与元素之间的间隔【2个图片，a标签之间都有默认间隔】，保证2个标签之间只有padding没有margin*/

margin-left: -3px;

padding: 0 13px 0 16px;

/*a标签是一个内联标签，所以是用多少显示多少*/

display: inline-block;

/*background-color: #FF6600; 显示颜色用的*/

}

/*设置标签悬浮的伪类*/

.action-menu a.active, .action-menu a.active:hover, .action-menu a.tb:hover {

color: #fff;

background-color: #204982;

}

.key-sera{

float: right;

margin-top: 7px;

}

.key-sera .search-txt-s, .key-sera a.i {

float: left;

border: 1px solid #e0e0e0;

background-color: #f4f4f4;

}

.key-sera .search-txt-s{

width: 91px;

height: 25px;

color: #333;

padding: 2px 2px 2px 5px;

}

.key-sera a.i{

width: 30px;

height: 29px;

display: inline-block;

background-color: #f4f4f4;

border-left: 0;

}

.key-sera a.i .icon {

background: url("http://dig.chouti.com/images/icon.png") no-repeat 0 -197px;

width: 11px;

height:12px;

display: inline-block;

margin-left: 11px;

margin-bottom: 7px;

}

.action-nav{

position: absolute;

right: 200px;

}

.action-nav a{

color: #c0cddf;

padding: 0 20px;

margin-left: -5px;

display: inline-block;

}

.action-nav a:hover{

color: #f4f4f4;

background-color: #204982;

}

/*-----------------------------------头部信息结束----------------------------*/

.main-content-band{

width: 100%;

background-color: #ededed;

padding-top: 44px;

}

.main-content {

margin: 0 auto;

background-color: #fff;

width: 960px;

overflow: hidden;

height: auto !important; /*高度根据内容去自适应,同时防止高度被覆盖*/

min-height: 700px; /*即使显示的内容不够，也可以自己去适应最小显示700px*/

padding: 6px 28px 60px;

}

.content-L{

float: left;

width: 630px;

/*border: solid 2px red;*/

}

.nav-top-area{

border-bottom: 1px solid #ccdcef;

overflow: hidden; /*消除： 子级别的标签都float了，所以内容为空导致下面设置的border-bottom显示在上面了*/

}

.child-nav, .sort-nav{

float: left;

padding: 10px;

}

.publish-btn{

float: right;

padding: 10px;

}

.child-nav a {

display: inline-block;

width: 60px;

height: 26px;

line-height: 26px;

margin-top: 3px;

margin-bottom: 13px;

color: #369;

font-size: 12px;

font-weight: 900; /*范围[1-900]*/

text-align: center;

}

.child-nav .active {

background: url("http://dig.chouti.com/images/tip.png?v=2.9") no-repeat 0 -299px;

color: #333333;

}

.sort-nav{

margin-left: 144px;

margin-top: 10px;

}

.sort-nav .active {

color: #b4b4b4;

}

.sort-nav a {

margin-left: 10px;

color: #390;

text-align: center;

}

.publish-btn{

background-color: #84a42b;

border: 1px solid #8aab30;

width: 75px;

height:15px;

font-size: 14px;

line-height:15px;

text-align: center;

margin-top: 5px;

color: #fff;

}

/*--------------------------------------------导航栏结束-----------------------*/

.content-list .item{

border-bottom: 1px solid #abb6d2;

}

.item .news-pic{

float: right;

margin-top: 5px;

margin-left: 9px;

}

.content-list .item .news-pic img {

width: 60px;

height: 60px;

background-color: #fff;

border: 1px solid #ccc;

padding: 1px;

vertical-align: top;

}

.news-content .part2 {

padding-top: 6px;

color: #ccc;

margin-bottom: 12px;

}

.hand-icon{

background: url("http://dig.chouti.com/images/icon_18_118.png?v=2.13") no-repeat 0 0 ;

display: inline-block;

width: 18px;

height: 18px;

}

.content-list .item .news-content .part2 .icon-digg {

background-position: 0 -40px;

vertical-align: -1px;

}

.content-list .item .news-content .part2 .icon-discus {

background-position: 0 -100px;

vertical-align: -1px;

}

.content-list .item .news-content .part2 .icon-collect {

background-position: 0 -160px;

vertical-align: -1px; /*设置图片的垂直距离,正数表示向上，负数表示向下*/

}

.content-list .item .news-content .part2 .user-a{

vertical-align: -1px;

}

.part2 a{

margin-left: 7px;

}

.content-list .item .news-content .part2 .digg-a b {

padding-right: 2px;

color: #99aecb;

vertical-align: 4px;

}

.content-list .item .news-content .part2 .discus-a b {

padding-right: 2px;

color: #99aecb;

vertical-align: 4px;

}

.content-list .item .news-content .part2 .collect-a b {

padding-right: 2px;

color: #99aecb;

vertical-align: 4px;

}

.content-list .item .news-content .part2 .time-a b {

padding-right: 2px;

color: #99aecb;

vertical-align: 4px;

}

.content-list .item .news-content .part2 .user-a b {

padding-right: 2px;

color: #99aecb;

vertical-align: 4px;

}

.content-list .item .news-content .part2 .time-into i {

font-weight: 400;

vertical-align: 4px;

_vertical-align: 3px;

}

.part1 .content-source, .part1 .n2{

padding-right: 2px;

color: #99aecb;

vertical-align: -2px;

}

.part1 .content-source {

text-decoration: underline;

}

.share-site-to .share-icon a{

background: url("share_icon.png") no-repeat;

height: 14px;

display: inline-block;

width: 17px;

margin-left: 0;

opacity: 0.3;

}

.share-site-to .share-icon a.icon-sina {

background-position: 0 -90px;

}

.share-site-to .share-icon a.icon-douban {

background-position: 0 -105px;

}

.share-site-to .share-icon a.icon-qqzone {

background-position: 0 -120px;

}

.share-site-to .share-icon a.icon-tenxun {

background-position: 0 -136px;

}

.share-site-to .share-icon a.icon-renren {

background-position: 0 -151px;

}

.share-site-to{

font-weight: 400;

vertical-align: 4px;

}

.share-icon a:hover{

opacity: 1;

}

/*------------------------设置翻页-----------------------------*/

.dig_lcpage ul li, .ct_page_edge{ /*设置的时候，必须按照大范围到小范围的顺序，否则不显示*/

display:inline-block;

padding-left: 10px;

float: left;

color: #369;

height: 34px;

line-height: 34px;

text-align: center;

width: 34px;

border: 1px solid #e1e1e1;

margin-left: 3px;

border-radius: 20%; /*设置圆角*/

}

/*设置翻页标签的边距*/

.dig_lcpage {

margin-left: 8px;

margin-top: 8px;

}

.ct_page_edge{

width:60px;

color: #369;

}

.dig_lcpage ul li:hover, .ct_page_edge:hover{

color: white!important;

background-color: #2559a4;

}

/*设置底部*/

.footer-band .foot-nav {

padding-top: 15px;

text-align: center;

border-top: 1px solid #ccdcef;

position: relative;

}