list.css

露珠网站是一个以文章类、下载类、图片类、动画类、视频类为主的综合网站。我们的目标：麻雀虽小(223kb)

.top43 {
	WIDTH: 980px; HEIGHT: 8px
}
#luzhuba_cn_91 {FLOAT: left;}
#luzhuba_cn_92 {float:right;}
.t6 {
	BORDER-BOTTOM: #ffffff 4px solid
}
.top61 {
	WIDTH: 980px
}
.k_orr {
	FLOAT: left; WIDTH: 688px; MARGIN-RIGHT: 8px
}
.li_list {
	FLOAT: left; WIDTH: 686px; MARGIN-RIGHT: 0px; HEIGHT: 65px; BACKGROUND-COLOR: #ebfcf2
}
.line_blue {
	BORDER-RIGHT: #8ab9d0 1px solid; BORDER-TOP: #8ab9d0 1px solid; BORDER-LEFT: #8ab9d0 1px solid; BORDER-BOTTOM: #8ab9d0 1px solid
}
.sort_top {
	MARGIN-TOP: 2px; FLOAT: left; WIDTH: 340px
}
.sort_top2 {
	MARGIN-TOP: 8px; FLOAT: right; WIDTH: 315px
}
.li_style {
	LIST-STYLE-TYPE: none
}
.top5 {
	WIDTH: 980px; HEIGHT: 30px; BACKGROUND-COLOR: #308dd6
}
.logo21 {
	BACKGROUND-POSITION: 15px 6px; FONT-SIZE: 12px; FLOAT: left; VERTICAL-ALIGN: bottom; OVERFLOW: hidden; WIDTH: 975px; COLOR: #ffffff; LINE-HEIGHT: 28px; HEIGHT: 26px; TEXT-ALIGN: center
}
.logo21 A:link {
	FONT-SIZE: 12px; COLOR: #ffffff
}
.logo21 A:visited {
	FONT-SIZE: 12px; COLOR: #ffffff
}
.logo21 A:hover {
	FONT-SIZE: 12px; COLOR: #3adbff
}
.logo21 A:active {
	FONT-SIZE: 12px; COLOR: #3adbff
}
.li_orange2 {
	MARGIN-TOP: 10px; FLOAT: left; BACKGROUND-IMAGE: url(../images/bg.gif); WIDTH: 280px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 406px
}
.li_orange2b {
	MARGIN-BOTTOM: 10px; FLOAT: left; BACKGROUND-IMAGE: url(../images/bg.gif); WIDTH: 280px; BACKGROUND-REPEAT: no-repeat
}
.top41 {
	WIDTH: 980px; HEIGHT: 10px
}
.top7 {
	BORDER-RIGHT: #8ab9d0 0px solid; BORDER-TOP: #8ab9d0 0px solid; FLOAT: left; BACKGROUND-IMAGE: url(../images/lobg.gif); MARGIN-BOTTOM: 2px; BORDER-LEFT: #8ab9d0 0px solid; WIDTH: 279px; BORDER-BOTTOM: #cccde1 1px solid; POSITION: relative; HEIGHT: 31px
}
.top71 {
	BORDER-RIGHT: #8ab9d0 0px solid; BORDER-TOP: #8ab9d0 0px solid; FLOAT: left; MARGIN-BOTTOM: 2px; BORDER-LEFT: #8ab9d0 0px solid; WIDTH: 277px; BORDER-BOTTOM: #cccde1 1px solid; POSITION: relative; HEIGHT: 31px
}
.list_top7 {
	BORDER-RIGHT: #8ab9d0 0px solid; BORDER-TOP: #8ab9d0 0px solid; FLOAT: left; BACKGROUND-IMAGE: url(../images/bg1.gif); MARGIN-BOTTOM: 2px; BORDER-LEFT: #8ab9d0 0px solid; WIDTH: 686px; BORDER-BOTTOM: #cccde1 1px solid; POSITION: relative; HEIGHT: 31px
}
.list_top71 {
	BORDER-RIGHT: #8ab9d0 0px solid; BORDER-TOP: #8ab9d0 0px solid; FLOAT: left; BACKGROUND-IMAGE: url(../images/ab1.gif); BORDER-LEFT: #8ab9d0 0px solid; WIDTH: 686px; BORDER-BOTTOM: #cccde1 1px solid; POSITION: relative; HEIGHT: 31px
}
.li_logo8 {
	BACKGROUND-POSITION: 2px 2px; FLOAT: left; BACKGROUND-IMAGE: url(../images/hoticon.gif); VERTICAL-ALIGN: bottom; OVERFLOW: hidden; WIDTH: 25px; LINE-HEIGHT: 26px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 26px; TEXT-ALIGN: center
}
.tj {
	MARGIN-TOP: 8px; FLOAT: left; MARGIN-LEFT: 10px; WIDTH: 120px; POSITION: relative; HEIGHT: 25px
}
.tj21 {
	MARGIN-TOP: 6px; FONT-WEIGHT: bold; FLOAT: left; MARGIN-LEFT: 3px; WIDTH: 671px; COLOR: #000000; WORD-BREAK: break-all; LINE-HEIGHT: 22px; BACKGROUND-COLOR: #fafafa
}
.li_list2 {
	MARGIN-TOP: 0px; FLOAT: left; WIDTH: 686px;
}
.tjl3_line {
	BORDER-BOTTOM: #00cccc 1px dotted
}
.logo6 {
	FONT-SIZE: 12px; COLOR: #cc6600;VERTICAL-ALIGN: bottom;
}
.game_logo152 {
	FLOAT: left; WIDTH: 82px; HEIGHT: 94px
}
.logo15 {
	FLOAT: left; VERTICAL-ALIGN: bottom; OVERFLOW: hidden; WIDTH: 128px; LINE-HEIGHT: 94px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 94px; TEXT-ALIGN: center
}
.logo7 {
	BACKGROUND-POSITION: 15px 8px; FONT-WEIGHT: bolder; FONT-SIZE: 14px; FLOAT: left; VERTICAL-ALIGN: bottom; OVERFLOW: hidden; LINE-HEIGHT: 32px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 26px; TEXT-ALIGN: center
}
.logo27 {
	MARGIN-TOP: 3px; FLOAT: left; MARGIN-LEFT: -12px; VERTICAL-ALIGN: bottom; OVERFLOW: hidden; WIDTH: 97px; LINE-HEIGHT: 24px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 65px; TEXT-ALIGN: left
}
.logo274 {
	MARGIN-TOP: 3px; FLOAT: left; MARGIN-LEFT: -12px; VERTICAL-ALIGN: bottom; OVERFLOW: hidden; WIDTH: 102px; LINE-HEIGHT: 24px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 32px; TEXT-ALIGN: left; TEXT-DECORATION: none
}
.logo8 {
	BACKGROUND-POSITION: 2px 2px; FLOAT: left; BACKGROUND-IMAGE: url(../images/house.gif); VERTICAL-ALIGN: bottom; OVERFLOW: hidden; WIDTH: 25px; LINE-HEIGHT: 26px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 26px; TEXT-ALIGN: center
}
.tb {
	MARGIN-TOP: 6px; FLOAT: left; VERTICAL-ALIGN: bottom; OVERFLOW: hidden; WIDTH: 20px; LINE-HEIGHT: 20px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 15px; TEXT-ALIGN: left
}
.tb2 {
	MARGIN-TOP: 3px; FONT-SIZE: 14px; FLOAT: left; MARGIN-LEFT: 5px; VERTICAL-ALIGN: bottom; OVERFLOW: hidden; WIDTH: 420px; LINE-HEIGHT: 20px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 20px; TEXT-ALIGN: left
}
.tb3 {
	MARGIN-TOP: 3px; FONT-SIZE: 12px; FLOAT: left; MARGIN-LEFT: 5px; VERTICAL-ALIGN: bottom; OVERFLOW: hidden; WIDTH: 80px; COLOR: #000000; LINE-HEIGHT: 20px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 20px; TEXT-ALIGN: left
}
.tb31 {
	MARGIN-TOP: 7px; FLOAT: left; FONT-SIZE: 12px;MARGIN-LEFT: 5px; WIDTH: 80px; HEIGHT: 15px
}
.tb4 {
	MARGIN-TOP: 3px; FONT-SIZE: 12px; FLOAT: left; MARGIN-LEFT: 8px; VERTICAL-ALIGN: bottom; OVERFLOW: hidden; WIDTH: 60px; COLOR: #000000; LINE-HEIGHT: 20px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 20px; TEXT-ALIGN: left
}
.lista {
	HEIGHT: 25px
}
.listb {
	HEIGHT: 25px
}
.logo13 {
	MARGIN-TOP: 10px; FLOAT: left; LIST-STYLE-IMAGE: url(../images/la.gif); MARGIN-LEFT: -30px; WIDTH: 300px; COLOR: #000000; WORD-BREAK: break-all; LINE-HEIGHT: 22px
}

.xian {
	BORDER-RIGHT: #00cc99 1px; BORDER-TOP: #00cc99 1px; MARGIN-BOTTOM: 5px; BORDER-LEFT: #00cc99 1px; BORDER-BOTTOM: #00cc99 1px dotted; LIST-STYLE-TYPE: none
}
.logo7 A:link {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #3d393d
}
.logo7 A:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #3d393d
}
.logo7 A:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #cc6600
}
.logo7 A:active {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #cc6600
}
.lista A:link {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #4e8ae9
}
.lista A:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #4e8ae9
}
.lista A:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #cc6600
}
.lista A:active {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #cc6600
}
.tjl3 {
	MARGIN-TOP: 6px; FLOAT: left;FONT-SIZE: 12px;  MARGIN-LEFT: 4px; WIDTH: 669px; HEIGHT: 78px;WORD-BREAK: break-all; LINE-HEIGHT: 26px; BACKGROUND-COLOR: #fafafa
}
.tjl3_linelz {	HEIGHT: 40px;
}
.tjl3_line {
	BORDER-BOTTOM: #00cccc 1px dotted;
}

.tjl3lu {
	MARGIN-TOP: 6px; FLOAT: left;FONT-SIZE: 12px;  MARGIN-LEFT: 4px;  MARGIN-right: 4px;WIDTH: 670px; HEIGHT: 60px;WORD-BREAK: break-all; LINE-HEIGHT: 20px; 
}
.tjl3lu_line {
	BORDER-BOTTOM: #00cccc 1px dotted;
}




.dht {
	MARGIN-TOP: 10px; FLOAT: left; MARGIN-LEFT: 5px; WIDTH: 670px; WORD-BREAK: break-all; LINE-HEIGHT: 26px
}
.k_orl {
	FLOAT: right; WIDTH: 282px
}
.lia_orange {
	FLOAT: left; WIDTH: 280px;MARGIN-BOTTOM: 10px;
}
.gamebg {
	BACKGROUND-COLOR: #f5fafe
}
.game_tj21 {
	FLOAT: left; MARGIN-LEFT: 0px; WIDTH: 686px; COLOR: #000000; WORD-BREAK: break-all; LINE-HEIGHT: 22px; BORDER-BOTTOM: #00cccc 1px dotted; HEIGHT: 120px
}
.logo141 {
	FLOAT: left; MARGIN: 6px 3px 2px 4px; VERTICAL-ALIGN: bottom; OVERFLOW: hidden; WIDTH: 260px; LINE-HEIGHT: 45px; BORDER-BOTTOM: #cccde1 1px dotted; BACKGROUND-REPEAT: no-repeat; HEIGHT: 100px; TEXT-ALIGN: center
}
.logo151 {
	FLOAT: left; BACKGROUND-IMAGE: url(../images/tb.gif); MARGIN-LEFT: 15px; VERTICAL-ALIGN: bottom; OVERFLOW: hidden; WIDTH: 110px; WORD-BREAK: break-all; LINE-HEIGHT: 22px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 94px; TEXT-ALIGN: left
}
.game_logo141 {
	FLOAT: left; MARGIN: 12px 3px 2px 7px; VERTICAL-ALIGN: bottom; OVERFLOW: hidden; WIDTH: 680px; LINE-HEIGHT: 45px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 100px; TEXT-ALIGN: center
}
.game_dht {
	MARGIN-TOP: 6px; FLOAT: left; MARGIN-LEFT: 5px; WIDTH: 685px; WORD-BREAK: break-all; LINE-HEIGHT: 26px
}
.game_logo151a {
	FLOAT: left; VERTICAL-ALIGN: bottom; OVERFLOW: hidden; WIDTH: 428px; WORD-BREAK: break-all; LINE-HEIGHT: 20px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 23px; TEXT-ALIGN: left
}
.game_logo151a A:link {
	FONT-SIZE: 14px; COLOR: #3d393d; TEXT-DECORATION: underline
}
.game_logo151a A:visited {
	FONT-SIZE: 14px; COLOR: #3d393d; TEXT-DECORATION: underline
}
.game_logo151a A:hover {
	FONT-SIZE: 14px; COLOR: #cc6600; TEXT-DECORATION: underline
}
.game_logo151a A:active {
	FONT-SIZE: 14px; COLOR: #cc6600; TEXT-DECORATION: underline
}
.game_logo151b {
	FLOAT: left; VERTICAL-ALIGN: bottom; OVERFLOW: hidden; WIDTH: 428px; WORD-BREAK: break-all; LINE-HEIGHT: 19px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 54px; TEXT-ALIGN: left
}
.game_logo151c {
	MARGIN-TOP: 2px; FLOAT: left; VERTICAL-ALIGN: bottom; WIDTH: 428px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 22px; TEXT-ALIGN: left
}
.logo28 {
	MARGIN-TOP: 10px; FLOAT: left; MARGIN-LEFT: 5px; WIDTH: 18px; WORD-BREAK: break-all; LINE-HEIGHT: 22px; HEIGHT: 250px
}
.logo15 {
	FLOAT: left; VERTICAL-ALIGN: bottom; OVERFLOW: hidden; WIDTH: 128px; LINE-HEIGHT: 94px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 94px; TEXT-ALIGN: center
}
.game_logo151 {
	FLOAT: left; MARGIN-LEFT: 15px; VERTICAL-ALIGN: bottom; OVERFLOW: hidden; WIDTH: 430px; WORD-BREAK: break-all; LINE-HEIGHT: 20px; MARGIN-RIGHT: 5px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 94px; TEXT-ALIGN: left
}
.game_logo151 {
	FLOAT: left; MARGIN-LEFT: 15px; VERTICAL-ALIGN: bottom; OVERFLOW: hidden; WIDTH: 430px; WORD-BREAK: break-all; LINE-HEIGHT: 20px; MARGIN-RIGHT: 5px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 94px; TEXT-ALIGN: left
}
#wzxs1{float: left;width:100%;font-size: 16px;text-align:center;line-HEIGHT: 38px;font-weight: bold}
#wzxs2{float: left;width:100%;text-align:center;font-size: 12px;line-HEIGHT: 23px;color:#999999}
#wzxs3{FONT-SIZE: 12px;  MARGIN-LEFT: 4px; MARGIN-right: 6px;line-HEIGHT: 30px;BORDER-top: #00cccc 1px dotted;BORDER-BOTTOM: #00cccc 1px dotted;}
#wzxs4{float: left;width:100%;word-break:break-all;text-indent: 40px;font-size:16px;LINE-HEIGHT:200%;padding: 0px;DISPLAY: block;letter-spacing:2px;}
.wzxs5{FONT-SIZE: 12px;  MARGIN-LEFT: 4px;  MARGIN-top: 8px;MARGIN-right: 6px;line-HEIGHT: 30px;BORDER-top: #00cccc 1px dotted;BORDER-BOTTOM: #00cccc 1px dotted;WIDTH: 674px;}
.list_top71lu {
	BORDER-RIGHT: #8ab9d0 0px solid; BORDER-TOP: #8ab9d0 0px solid; FLOAT: left; BACKGROUND-IMAGE: url(../images/ab1.gif); BORDER-LEFT: #8ab9d0 0px solid; WIDTH: 674px; BORDER-BOTTOM: #cccde1 1px solid; POSITION: relative; HEIGHT: 31px;
}
.li_list2lu {
	MARGIN-TOP: 6px; FLOAT: left; WIDTH: 674px;MARGIN-LEFT: 3px; font-size: 12px;line-HEIGHT: 24px;
}
.sort_toplu {
	MARGIN-TOP: 8px; FLOAT: left; font-size: 14px;
}
.line_bluelu {
	BORDER-RIGHT: #8ab9d0 1px solid; BORDER-TOP: #8ab9d0 1px solid; BORDER-LEFT: #8ab9d0 1px solid; 
}
.line_bluelusp {
	BORDER: #8ab9d0 1px solid; MARGIN-top: 8px;
}

/*---视频用--*/

.film {
	PADDING-RIGHT: 0px; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 7px; WIDTH: 326px; PADDING-TOP: 7px; BORDER-BOTTOM: #00cccc 1px dashed
}
.img {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 3px; FLOAT: left; PADDING-BOTTOM: 3px; BORDER-LEFT: #ccc 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #ccc 1px solid
}
.img IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 80px; HEIGHT: 100px; BORDER-RIGHT-WIDTH: 0px
}
.info {
	PADDING-LEFT: 10px; FLOAT: left; LINE-HEIGHT: 24px; TEXT-ALIGN: left
}
.info .psplu {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;FONT-SIZE: 12px; 
}
.info .t {
	FONT-SIZE: 14px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;
}
.info A:link {
	COLOR: #555; BORDER-BOTTOM: #f90 1px dashed; TEXT-DECORATION: none
}
.info A:visited {
	COLOR: #555; BORDER-BOTTOM: #f90 1px dashed; TEXT-DECORATION: none
}
.info A:hover {
	COLOR: #ff0000; BORDER-BOTTOM: #f90 1px dashed; TEXT-DECORATION: none
}
.info A:active {
	COLOR: #ff0000; BORDER-BOTTOM: #f90 1px dashed; TEXT-DECORATION: none
}
.info .t A:link {
	COLOR: #f60; BORDER-BOTTOM: #f90 1px dashed; TEXT-DECORATION: none
}
.info .t A:visited {
	COLOR: #f60; BORDER-BOTTOM: #f90 1px dashed; TEXT-DECORATION: none
}
.info .t A:hover {
	COLOR: #ff0000; BORDER-BOTTOM: #f90 1px dashed; TEXT-DECORATION: none
}
.info .t A:active {
	COLOR: #ff0000; BORDER-BOTTOM: #f90 1px dashed; TEXT-DECORATION: none
}
.movie {
	 MARGIN-left: 10px;FLOAT: left;  WIDTH:673px; PADDING-TOP: 7px;FONT-SIZE: 12px;
}
.mimg {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 3px; FLOAT: left; PADDING-BOTTOM: 3px; BORDER-LEFT: #ccc 1px solid; WIDTH: 150px; PADDING-TOP: 3px; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 200px
}
.minfo {
	PADDING-LEFT: 15px; FLOAT: left; WIDTH: 500px; LINE-HEIGHT: 28px
}
.minfo .t {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #f60; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.minfo .t1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.minfo .tt {
	FONT-WEIGHT: bold; COLOR: #06c
}