BODY {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #000; PADDING-TOP: 0px; FONT-FAMILY: \\\\\\\\\\\\\\\"宋体\\\\\\\\\\\\\\\", arial; TEXT-ALIGN: center
}
DIV {
BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
FORM {
BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
IMG {
BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
UL {
BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
LI {
BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
H1 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H2 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H3 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H4 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H5 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H6 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
TABLE {
FONT-SIZE: 12px
}
TD {
FONT-SIZE: 12px
}
TR {
FONT-SIZE: 12px
}
HTML .fAD {
FONT-SIZE: 0px; LEFT: -473px; LINE-HEIGHT: 0; POSITION: relative; TOP: 0px
}
.fAD {
FONT-SIZE: 0px; LEFT: 0px; LINE-HEIGHT: 0; POSITION: relative; TOP: 0px
}
.auto {
FONT-SIZE: 0px; WIDTH: 946px; LINE-HEIGHT: 0; HEIGHT: 0px
}
.area {
MARGIN: 0px auto; WIDTH: 946px
}
.area .Lpart {
FLOAT: left; WIDTH: 468px
}
.area .Rpart {
FLOAT: right; WIDTH: 468px
}
A:link {
COLOR: #1e3c85; TEXT-DECORATION: none
}
A:visited {
COLOR: #1e3c85; TEXT-DECORATION: none
}
A:hover {
COLOR: #f00; TEXT-DECORATION: underline
}
.Red {
COLOR: #f00
}
A.Red:link {
COLOR: #f00
}
A.Red:visited {
COLOR: #f00
}
.Red {
COLOR: #666
}
A.Red:hover {
COLOR: #666
}
.Blue {
COLOR: #1f3a87
}
A.Blue:link {
COLOR: #1f3a87
}
A.Blue:visited {
COLOR: #1f3a87
}
.DRed {
COLOR: #bc2931
}
A.DRed:link {
COLOR: #bc2931
}
A.DRed:visited {
COLOR: #bc2931
}
.Gray {
COLOR: #333
}
A.Gray:link {
COLOR: #333
}
A.Gray:visited {
COLOR: #333
}
.DGray {
COLOR: #666
}
A.DGray:link {
COLOR: #666
}
A.DGray:visited {
COLOR: #666
}
.White {
COLOR: #fff
}
A.White:link {
COLOR: #fff
}
A.White:visited {
COLOR: #fff
}
.Black {
COLOR: #000
}
A.Black:link {
COLOR: #000
}
A.Black:visited {
COLOR: #000
}
.Yellow {
COLOR: #ff0
}
A.Yellow:link {
COLOR: #ff0
}
A.Yellow:visited {
COLOR: #ff0
}
.Green {
COLOR: #008000
}
A.Green:link {
COLOR: #008000
}
A.Green:visited {
COLOR: #008000
}
.fB {
FONT-WEIGHT: bold
}
.fI {
FONT-STYLE: italic
}
.t12 {
FONT-SIZE: 12px
}
.t14 {
FONT-SIZE: 14px
}
.ad946 {
CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; MARGIN: 0px auto; WIDTH: 946px; PADDING-TOP: 0px
}
.ad946T {
CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 2px; MARGIN: 0px auto; WIDTH: 946px; PADDING-TOP: 0px
}
.ad468 {
CLEAR: both; PADDING-BOTTOM: 8px; WIDTH: 468px
}
.ad100 {
FLOAT: left;
WIDTH: 468px;
padding: 0px;
margin-bottom: 8px;
}
.left {
FLOAT: left
}
.right {
FLOAT: right
}
.clear {
CLEAR: both; FONT-SIZE: 1px; VISIBILITY: hidden; WIDTH: 1px
}
.hidden {
DISPLAY: none
}
.noBorder {
BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.UA {
MARGIN: 0px auto; WIDTH: 946px; HEIGHT: 31px
}
.UA .text1 {
PADDING-RIGHT: 0px; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 12px
}
.UA .text1 A:link {
COLOR: #f00
}
.UA .text1 A:visited {
COLOR: #f00
}
.UA .text1 A:hover {
COLOR: #999
}
.UA .text2 {
PADDING-RIGHT: 5px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; PADDING-TOP: 12px
}
.UA .text2 A:link {
COLOR: #000
}
.UA .text2 A:visited {
COLOR: #000
}
.UA .text2 A:hover {
COLOR: #f00
}
.globalNav {
BORDER-RIGHT: #b7c9d3 1px solid; BORDER-TOP: #b7c9d3 1px solid; MARGIN: 0px auto 8px; BORDER-LEFT: #b7c9d3 1px solid; WIDTH: 944px; BORDER-BOTTOM: #b7c9d3 1px solid; HEIGHT: 64px
}
.globalNav .logo {
PADDING-RIGHT: 12px; PADDING-LEFT: 12px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 128px; PADDING-TOP: 12px
}
.globalNav .logo1 {
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FLOAT: left; PADDING-BOTTOM: 2px; PADDING-TOP: 2px
}
.globalNav .content {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; WIDTH: 775px; PADDING-TOP: 10px
}
.globalNav .content UL {
}
.globalNav .content LI {
PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: url(nav_bg.gif) no-repeat right 6px; FLOAT: left; PADDING-BOTTOM: 6px; WIDTH: 42px; PADDING-TOP: 6px; LIST-STYLE-TYPE: none
}
.globalNav .content .s {
BACKGROUND: none transparent scroll repeat 0% 0%
}
.globalNav .content .s1 {
WIDTH: 54px
}
.globalNav .content .s2 {
WIDTH: 66px
}
.globalNav .content .s3 {
BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 90px
}
.globalNav A:link {
COLOR: #000
}
.globalNav A:visited {
COLOR: #000
}
.globalNav A:hover {
COLOR: #f00
}
.ynServe {
CLEAR: both; BORDER-RIGHT: #b7c9d3 1px solid; BORDER-TOP: #b7c9d3 1px solid; MARGIN: 0px 0px 8px; BORDER-LEFT: #b7c9d3 1px solid; WIDTH: 466px; BORDER-BOTTOM: #b7c9d3 1px solid; HEIGHT: 92px
}
.ynServe .list {
CLEAR: both; FONT-SIZE: 14px; BACKGROUND: url(severbg1.gif) repeat-x 50% bottom; MARGIN: 0px auto; WIDTH: 466px; LIST-STYLE-TYPE: none; HEIGHT: 30px; TEXT-ALIGN: left
}
.ynServe .list1 {
CLEAR: both; FONT-SIZE: 14px; BACKGROUND: url(severbg2.gif) repeat-x 50% bottom; MARGIN: 0px auto; WIDTH: 466px; LIST-STYLE-TYPE: none; HEIGHT: 30px; TEXT-ALIGN: left
}
.ynServe .list2 {
CLEAR: both; FONT-SIZE: 14px; BACKGROUND: #f9fdfe; MARGIN: 0px auto; WIDTH: 466px; LIST-STYLE-TYPE: none; HEIGHT: 30px; TEXT-ALIGN: left
}
.ynServe .t1 {
BACKGROUND: #fff; FLOAT: left; MARGIN: 3px 0px 0px 4px; WIDTH: 59px; HEIGHT: 24px
}
.ynServe .t1 H1 {
PADDING-RIGHT: 0px; PADDING-LEFT: 29px; FONT-WEIGHT: normal; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; PADDING-TOP: 7px; HEIGHT: 17px; TEXT-ALIGN: left
}
.ynServe .t1 A:link {
COLOR: #000
}
.ynServe .t1 A:visited {
COLOR: #000
}
.ynServe .t1 A:hover {
COLOR: #f00
}
.ynServe .t2 {
PADDING-RIGHT: 0px; PADDING-LEFT: 12px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 10px
}
.ynServe .t2 A:link {
COLOR: #1e3c85
}
.ynServe .t2 A:visited {
COLOR: #1e3c85
}
.ynServe .t2 A:hover {
COLOR: #f00
}
.ynServe .bg {
BACKGROUND: none transparent scroll repeat 0% 0%
}
.ynServe .bg1 {
BACKGROUND: url(navbg1.gif) no-repeat 0px 0px
}
.ynServe .bg2 {
BACKGROUND: url(navbg2.gif) no-repeat 0px 0px
}
.ynServe .bg3 {
BACKGROUND: url(navbg3.gif) no-repeat 0px 0px
}
.leftContent {
CLEAR: both
}
.leftContent .navtitle {
CLEAR: both; HEIGHT: 26px
}
.leftContent .navtitle A:link {
COLOR: #1e3c85
}
.leftContent .navtitle A:visited {
COLOR: #1e3c85
}
.leftContent .navtitle A:hover {
COLOR: #f00
}
.leftContent .navtitle UL {
}
.leftContent .navtitle LI {
FLOAT: left; CURSOR: pointer; LIST-STYLE-TYPE: none
}
.leftContent .navtitle LI H2 {
PADDING-RIGHT: 0px; PADDING-LEFT: 8px; FONT-WEIGHT: normal; FONT-SIZE: 12px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 6px
}
.leftContent .navtitle .line {
BACKGROUND: #b7c9d3; FLOAT: left; WIDTH: 1px; HEIGHT: 26px
}
.leftContent .navtitle LI SPAN {
BACKGROUND: url(indexbg3.gif) no-repeat; FLOAT: left; WIDTH: 5px; HEIGHT: 26px
}
.leftContent .navtitle LI .custom {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(custom.gif); FLOAT: left; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 78px; CURSOR: pointer; HEIGHT: 26px; BORDER-RIGHT-WIDTH: 0px
}
.leftContent .navtitle .activeW1 {
BORDER-TOP: #b7c9d3 1px solid; BACKGROUND: #fff; WIDTH: 122px; HEIGHT: 24px
}
.leftContent .navtitle .normalW1 {
BORDER-TOP: #b7c9d3 1px solid; BACKGROUND: url(indexbg2.gif); WIDTH: 122px; BORDER-BOTTOM: #b7c9d3 1px solid; HEIGHT: 24px
}
.leftContent .navtitle .normalWp1 {
WIDTH: 65px;
HEIGHT: 25px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #b7c9d3;
}
.leftContent .navtitle .activeW2 {
BORDER-TOP: #b7c9d3 1px solid; BACKGROUND: #fff; WIDTH: 73px; HEIGHT: 24px
}
.leftContent .navtitle .activeW2 A:link {
COLOR: #000; TEXT-DECORATION: none
}
.leftContent .navtitle .activeW2 A:visited {
COLOR: #000; TEXT-DECORATION: none
}
.leftContent .navtitle .activeW2 A:hover {
COLOR: #000; TEXT-DECORATION: none
}
.leftContent .navtitle .normalW2 {
BORDER-TOP: #b7c9d3 1px solid; BACKGROUND: url(indexbg2.gif); WIDTH: 73px; BORDER-BOTTOM: #b7c9d3 1px solid; HEIGHT: 24px
}
.leftContent .navtitle .normalW2 A:link {
COLOR: #666; TEXT-DECORATION: none
}
.leftContent .navtitle .normalW2 A:visited {
COLOR: #666; TEXT-DECORATION: none
}
.leftContent .navtitle .normalW2 A:hover {
COLOR: #666; TEXT-DECORATION: none
}
.leftContent .content .keyword {
CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; COLOR: #1f3a87; PADDING-TOP: 12px; TEXT-ALIGN: left
}
.leftContent .content .Akeyword {
CLEAR: both; TEXT-ALIGN: left
}
.leftContent .content .Akeyword UL {
}
.leftContent .content .Akeyword LI {
CLEAR: both; PADDING-TOP: 6px; LIST-STYLE-TYPE: none
}
.newsHeight {
line-height:21px;
HEIGHT: 277px;
padding-left: 10px;
text-align: left;
}
.leftContent .content .list {
CLEAR: both
}
.leftContent .content .list UL {
PADDING-RIGHT: 12px; PADDING-LEFT: 0px; PADDING-BOTTOM: 15px; PADDING-TOP: 9px
}
.leftContent .content .list LI {
CLEAR: both; PADDING-LEFT: 10px; BACKGROUND: url(lipoint1.gif) no-repeat 2px 8px; LINE-HEIGHT: 20px; LIST-STYLE-TYPE: none; TEXT-ALIGN: left
}
.leftHeight {
HEIGHT: 268px;
line-height: 19px;
text-align: left;
}
.leftContent .content .list1 {
CLEAR: both
}
.leftContent .content .list1 UL {
PADDING-RIGHT: 12px; PADDING-LEFT: 0px; PADDING-BOTTOM: 7px; PADDING-TOP: 9px
}
.leftContent .content .list1 LI {
CLEAR: both; PADDING-LEFT: 10px; BACKGROUND: url(lipoint1.gif) no-repeat 2px 8px; LINE-HEIGHT: 20px; LIST-STYLE-TYPE: none; TEXT-ALIGN: left
}
.clubHeight {
HEIGHT: 216px;
line-height: 19px;
text-align: left;
}
.leftContent .content .list2 {
CLEAR: both
}
.leftContent .content .list2 UL {
PADDING-RIGHT: 12px; PADDING-LEFT: 0px; PADDING-BOTTOM: 7px; PADDING-TOP: 0px
}
.leftContent .content .list2 LI {
CLEAR: both; PADDING-LEFT: 10px; BACKGROUND: url(lipoint1.gif) no-repeat 2px 8px; LINE-HEIGHT: 19px; LIST-STYLE-TYPE: none; TEXT-ALIGN: left
}
.friendHeight {
HEIGHT: 121px;
line-height: 19px;
text-align: left;
}
.leftContent .content .list3 {
CLEAR: both
}
.leftContent .content .list3 .Leftpart {
FLOAT: left; WIDTH: 232px
}
.leftContent .content .list3 .Leftpart .img {
PADDING-RIGHT: 12px; PADDING-LEFT: 14px; FLOAT: left; PADDING-BOTTOM: 4px; WIDTH: 90px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; HEIGHT: 100px
}
.leftContent .content .list3 .Rightpart {
PADDING-RIGHT: 12px; FLOAT: right; WIDTH: 200px
}
.leftContent .content .list3 .Rightpart UL {
PADDING-BOTTOM: 5px
}
.leftContent .content .list3 .Rightpart LI {
CLEAR: both; PADDING-LEFT: 10px; BACKGROUND: url(lipoint1.gif) no-repeat 2px 8px; LINE-HEIGHT: 20px; LIST-STYLE-TYPE: none; TEXT-ALIGN: left
}
.telecomHeight {
HEIGHT: 117px
}
.leftContent .content .list4 {
CLEAR: both
}
.leftContent .content .list4 .leftpart {
PADDING-LEFT: 15px; FLOAT: left; WIDTH: 210px
}
.leftContent .content .list4 .leftpart .mail {
MARGIN-BOTTOM: 7px; TEXT-ALIGN: right
}
.leftContent .content .list4 .leftpart .mail SPAN {
MARGIN-TOP: -2px; COLOR: #1e3c85
}
.leftContent .content .list4 .leftpart .mail .Zinput {
BORDER-RIGHT: #bcbcbc 1px solid; BORDER-TOP: #bcbcbc 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #bcbcbc 1px solid; WIDTH: 140px; BORDER-BOTTOM: #bcbcbc 1px solid; HEIGHT: 16px
}
.leftContent .content .list4 .leftpart .mail .Zsubmit {
BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 12px; BACKGROUND: url(submit.jpg); BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; WIDTH: 55px; PADDING-TOP: 2px; HEIGHT: 20px; BORDER-RIGHT-WIDTH: 0px
}
.leftContent .content .list4 .rightpart {
PADDING-LEFT: 10px; FLOAT: right; WIDTH: 210px
}
.leftContent .content .list4 UL {
PADDING-RIGHT: 12px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.leftContent .content .list4 LI {
CLEAR: both; PADDING-LEFT: 10px; BACKGROUND: url(lipoint1.gif) no-repeat 2px 8px; LINE-HEIGHT: 20px; LIST-STYLE-TYPE: none; TEXT-ALIGN: left
}
.leftContent .navtitle .activeW3 {
BORDER-TOP: #b7c9d3 1px solid; BACKGROUND: #fff; WIDTH: 152px; HEIGHT: 24px
}
.leftContent .navtitle .normalW3 {
BORDER-TOP: #b7c9d3 1px solid; BACKGROUND: url(indexbg2.gif); WIDTH: 152px; BORDER-BOTTOM: #b7c9d3 1px solid; HEIGHT: 24px
}
.leftContent .navtitle .activeW4 {
BORDER-TOP: #b7c9d3 1px solid; BACKGROUND: #fff; WIDTH: 230px; HEIGHT: 24px
}
.leftContent .navtitle .normalW4 {
BORDER-TOP: #b7c9d3 1px solid; BACKGROUND: url(indexbg2.gif); WIDTH: 230px; BORDER-BOTTOM: #b7c9d3 1px solid; HEIGHT: 24px
}
.leftContent .navtitle .activeW5 {
BORDER-TOP: #b7c9d3 1px solid; BACKGROUND: #fff; WIDTH: 231px; HEIGHT: 24px
}
.leftContent .navtitle .normalW5 {
BORDER-TOP: #b7c9d3 1px solid; BACKGROUND: url(indexbg2.gif); WIDTH: 231px; BORDER-BOTTOM: #b7c9d3 1px solid; HEIGHT: 24px
}
.leftContent .content {
BORDER-RIGHT: #b7c9d3 1px solid; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 8px; BORDER-LEFT: #b7c9d3 1px solid; WIDTH: 466px; PADDING-TOP: 12px; BORDER-BOTTOM: #b7c9d3 1px solid
}
.leftContent A:link {
COLOR: #000
}
.leftContent A:visited {
COLOR: #000
}
.leftContent A:hover {
COLOR: #f00
}
.leftContent .content .part {
FLOAT: left
}
.leftContent .content .left {
PADDING-LEFT: 15px; WIDTH: 162px
}
.leftContent .content .right {
PADDING-LEFT: 15px; WIDTH: 274px
}
.leftContent .content .pic {
CLEAR: both
}
.leftContent .content .pic IMG {
BORDER-RIGHT: #b7c9d3 1px solid; BORDER-TOP: #b7c9d3 1px solid; BORDER-LEFT: #b7c9d3 1px solid; BORDER-BOTTOM: #b7c9d3 1px solid
}
.leftContent .content .pic H2 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 12px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; TEXT-ALIGN: center
}
.leftContent .content .listText {
CLEAR: both;
BORDER-RIGHT: #b7c9d3 1px solid;
PADDING-RIGHT: 5px;
BORDER-TOP: #b7c9d3 1px solid;
PADDING-LEFT: 5px;
BACKGROUND: #f2f5fa;
PADDING-BOTTOM: 3px;
BORDER-LEFT: #b7c9d3 1px solid;
COLOR: #cbcbcb;
LINE-HEIGHT: 20px;
PADDING-TOP: 6px;
BORDER-BOTTOM: #b7c9d3 1px solid;
TEXT-ALIGN: left;
width: 192px;
}
.leftContent .content H3 {
CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: 100; FONT-SIZE: 18px; PADDING-BOTTOM: 0px; PADDING-TOP: 11px; FONT-FAMILY: \\\\\\\\\\\\\\\"黑体\\\\\\\\\\\\\\\" ,Arial Black,sans-serif; TEXT-ALIGN: center
}
.leftContent .content P {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #1f3a87; TEXT-INDENT: 12px; LINE-HEIGHT: 20px; PADDING-TOP: 10px; TEXT-ALIGN: left
}
.leftContent .content .more {
CLEAR: both; PADDING-RIGHT: 12px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.leftContent .content .more SPAN {
PADDING-RIGHT: 0px; PADDING-LEFT: 10px; BACKGROUND: url(more.gif) #fff no-repeat 3px 4px; FLOAT: right; PADDING-BOTTOM: 0px; PADDING-TOP: 4px
}
.leftContent .content .more A:link {
COLOR: #1b3d84
}
.leftContent .content .more A:visited {
COLOR: #1b3d84
}
.leftContent .content .more A:hover {
COLOR: #bc2931
}
.ynSearch {
CLEAR: both; BACKGROUND: url(searchbg.gif) no-repeat; MARGIN: 0px 0px 8px; WIDTH: 468px; HEIGHT: 60px
}
.ynSearch A:link {
COLOR: #000
}
.ynSearch A:visited {
COLOR: #000
}
.ynSearch A:hover {
COLOR: #f00
}
.ynSearch .navtitle {
CLEAR: both; HEIGHT: 23px
}
.ynSearch .navtitle A:link {
COLOR: #000000; TEXT-DECORATION: none
}
.ynSearch .navtitle A:visited {
COLOR: #000000; TEXT-DECORATION: none
}
.ynSearch .navtitle A:hover {
COLOR: #000000; TEXT-DECORATION: none
}
.ynSearch .navtitle UL {
}
.ynSearch .navtitle LI {
FLOAT: left; CURSOR: pointer; LIST-STYLE-TYPE: none
}
.ynSearch .navtitle .activeW6 {
FONT-WEIGHT: bold; BACKGROUND: url(searchbg1.gif) no-repeat; FLOAT: left; WIDTH: 75px; PADDING-TOP: 6px; HEIGHT: 17px
}
.ynSearch .navtitle .normalW6 {
FLOAT: left; WIDTH: 75px; PADDING-TOP: 6px; HEIGHT: 17px
}
.ynSearch .navtitle .activeW7 {
FONT-WEIGHT: bold; BACKGROUND: url(searchbg3.gif) no-repeat; FLOAT: left; WIDTH: 150px; PADDING-TOP: 6px; HEIGHT: 17px
}
.ynSearch .navtitle .normalW7 {
FLOAT: left; WIDTH: 150px; PADDING-TOP: 6px; HEIGHT: 17px
}
.ynSearch .content {
CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 8px; PADDING-BOTTOM: 0px; PADDING-TOP: 6px; HEIGHT: 24px; TEXT-ALIGN: left
}
.ynSearch .content SPAN {
MARGIN-TOP: -2px; COLOR: #1e3c85
}
.ynSearch .content .Zinput {
BORDER-RIGHT: #bcbcbc 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #bcbcbc 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; BORDER-LEFT: #bcbcbc 1px solid; COLOR: #95b4db; PADDING-TOP: 2px; BORDER-BOTTOM: #bcbcbc 1px solid; HEIGHT: 16px
}
.ynSearch .content .Zsubmit {
BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 12px; BACKGROUND: url(submit.jpg); BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; WIDTH: 55px; COLOR: #1f3a87; PADDING-TOP: 2px; HEIGHT: 20px; BORDER-RIGHT-WIDTH: 0px
}
.rightContent {
WIDTH: 468px
}
#hotnews1 {
FLOAT: left; WIDTH: 286px
}
#hotnews {
FLOAT: left; WIDTH: 270px
}
#hotnews .t1 {
BACKGROUND: url(indexbg2.gif);BORDER-RIGHT: #b7c9d3 1px solid; BORDER-TOP: #b7c9d3 1px solid; BORDER-LEFT: #b7c9d3 1px solid; WIDTH: 270px; BORDER-BOTTOM: #b7c9d3 1px solid; HEIGHT: 24px
}
#hotnews .t1 H2 {
PADDING-RIGHT: 0px; PADDING-LEFT: 14px; FONT-WEIGHT: normal; FONT-SIZE: 12px; FLOAT: left; PADDING-BOTTOM: 0px; COLOR: #1e3c85; PADDING-TOP: 7px; TEXT-ALIGN: left
}
#hotnews .t1 SPAN {
PADDING-RIGHT: 14px; PADDING-LEFT: 0px; FONT-SIZE: 12px; FLOAT: right; PADDING-BOTTOM: 0px; PADDING-TOP: 7px
}
#hotnews .content {
BORDER-RIGHT: #b7c9d3 1px solid;
BACKGROUND: #f9fcfd;
MARGIN-BOTTOM: 8px;
BORDER-LEFT: #b7c9d3 1px solid;
WIDTH: 258px;
BORDER-BOTTOM: #b7c9d3 1px solid;
HEIGHT: 195px;
clear: left;
text-align: left;
line-height: 19px;
padding-top: 4px;
padding-right: 6px;
padding-bottom: 4px;
padding-left: 6px;
}
#hotnews .content UL {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; TEXT-ALIGN: left
}
#hotnews .content LI {
CLEAR: both; LINE-HEIGHT: 19px; LIST-STYLE-TYPE: none
}
.rightContent #commend1 {
FLOAT: right; WIDTH: 172px
}
.rightContent #commend {
FLOAT: left;
WIDTH: 190px;
margin-left: 4px;
}
.rightContent #commend .t1 {
BACKGROUND: url(indexbg2.gif);BORDER-RIGHT: #b7c9d3 1px solid; BORDER-TOP: #b7c9d3 1px solid; BORDER-LEFT: #b7c9d3 1px solid; WIDTH: 190px; BORDER-BOTTOM: #b7c9d3 1px solid; HEIGHT: 24px
}
.rightContent #commend .t1 H2 {
PADDING-RIGHT: 0px; PADDING-LEFT: 14px; FONT-WEIGHT: normal; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; COLOR: #1e3c85; PADDING-TOP: 7px; TEXT-ALIGN: left
}
.rightContent #commend .content {
BORDER-RIGHT: #b7c9d3 1px solid;
BACKGROUND: #f9fcfd;
MARGIN-BOTTOM: 8px;
BORDER-LEFT: #b7c9d3 1px solid;
WIDTH: 178px;
BORDER-BOTTOM: #b7c9d3 1px solid;
HEIGHT: 195px;
clear: left;
text-align: left;
line-height: 19px;
padding-top: 4px;
padding-right: 6px;
padding-bottom: 4px;
padding-left: 6px;
}
.rightContent #commend .content UL {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; TEXT-ALIGN: left
}
.rightContent #commend .content LI {
CLEAR: both; LINE-HEIGHT: 19px; LIST-STYLE-TYPE: none
}
.rightContent .channelNews {
WIDTH: 229px
}
.rightContent .channelNews .t1 {
BORDER-RIGHT: #b7c9d3 1px solid; BORDER-TOP: #b7c9d3 1px solid; BACKGROUND: #dfebf7; BORDER-LEFT: #b7c9d3 1px solid; WIDTH: 227px; BORDER-BOTTOM: #b7c9d3 1px solid; HEIGHT: 24px
}
.rightContent .channelNews .t1 H2 {
PADDING-RIGHT: 0px; PADDING-LEFT: 14px; FONT-WEIGHT: normal; FONT-SIZE: 12px; FLOAT: left; PADDING-BOTTOM: 0px; COLOR: #1e3c85; PADDING-TOP: 7px; TEXT-ALIGN: left
}
.rightContent .channelNews .t1 SPAN {
PADDING-RIGHT: 8px; PADDING-LEFT: 0px; FONT-SIZE: 12px; FLOAT: right; PADDING-BOTTOM: 0px; COLOR: #000; PADDING-TOP: 7px; TEXT-ALIGN: right
}
.rightContent .channelNews .t1 SPAN A:link {
COLOR: #666
}
.rightContent .channelNews .t1 SPAN A:visited {
COLOR: #666
}
.rightContent .channelNews .t1 SPAN A:hover {
COLOR: #f00
}
.rightContent .channelNews .content {
BORDER-RIGHT: #b7c9d3 1px solid; BACKGROUND: #f9fcfd; MARGIN-BOTTOM: 8px; BORDER-LEFT: #b7c9d3 1px solid; WIDTH: 227px; BORDER-BOTTOM: #b7c9d3 1px solid
}
.rightContent .channelNews .content UL {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 11px; TEXT-ALIGN: left
}
.rightContent .channelNews .content LI {
CLEAR: both; PADDING-BOTTOM: 6px; LIST-STYLE-TYPE: none
}
.rightContent .channelNews .content1 {
BORDER-RIGHT: #b7c9d3 1px solid; BACKGROUND: #f9fcfd; MARGIN-BOTTOM: 8px; BORDER-LEFT: #b7c9d3 1px solid; WIDTH: 227px; BORDER-BOTTOM: #b7c9d3 1px solid
}
.rightContent .channelNews .content1 UL {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 11px; TEXT-ALIGN: left
}
.rightContent .channelNews .content1 LI {
CLEAR: both; PADDING-BOTTOM: 8px; LIST-STYLE-TYPE: none
}
.rightContent .channelNews .content2 {
BORDER-RIGHT: #b7c9d3 1px solid; BACKGROUND: #f9fcfd; MARGIN-BOTTOM: 8px; BORDER-LEFT: #b7c9d3 1px solid; WIDTH: 227px; BORDER-BOTTOM: #b7c9d3 1px solid
}
.rightContent .channelNews .content2 UL {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-ALIGN: left
}
.rightContent .channelNews .content2 LI {
PADDING-RIGHT: 3px; DISPLAY: block; PADDING-LEFT: 3px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 6px; LIST-STYLE-TYPE: none
}
.rightContent .channelNews .content2 S {
WIDTH: 65px
}
.rightContent .channelNews .channelHeight1 {
HEIGHT: 152px;
line-height: 19px;
text-align: left;
}
.rightContent .channelNews .channelHeight2 {
HEIGHT: 71px
}
.rightContent .channelNews .channelHeight3 {
HEIGHT: 70px
}
#foot {
MARGIN: 0px auto; WIDTH: 946px
}
#foot .copyright {
PADDING-RIGHT: 0px;
BORDER-TOP: #b7c9d3 1px solid;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 10px;
PADDING-TOP: 10px;
TEXT-ALIGN: center;
margin-top: 0px;
}
#foot .copyright .link {
CLEAR: both; PADDING-TOP: 5px
}
#foot .copyright .copy {
PADDING-RIGHT: 0px; PADDING-LEFT: 20px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 250px; COLOR: #000; PADDING-TOP: 5px
}
#foot .copyright .copy SPAN {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 5px; LINE-HEIGHT: 20px; PADDING-TOP: 5px; TEXT-ALIGN: left
}
#foot .copyright A.link {
COLOR: #000
}
#foot .copyright A.visited {
COLOR: #000
}
#foot .copyright A.hover {
COLOR: #f00
}
#NewsTop {
}
#NewsTop P {
padding-top: 6px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
#NewsTop P.topTit {
FONT-WEIGHT: bold; WIDTH: 107px
}
#NewsTop P.topC0 {
}
#NewsTop P.topC1 {
}
#NewsTop #NewsTop_tit {
HEIGHT: 21px;
}
#NewsTop #NewsTop_cnt {
PADDING-LEFT: 5px;
LINE-HEIGHT: 22px;
PADDING-TOP: 5px;
HEIGHT: 283px;
TEXT-ALIGN: left;
border-top-width: 0px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #b7c9d3;
border-bottom-color: #b7c9d3;
border-left-color: #b7c9d3;
}
#NewsTop #NewsTop_cnt A {
FONT-SIZE: 12px; COLOR: #666; TEXT-DECORATION: none
}
#NewsTop #NewsTop_cnt A:hover {
COLOR: #2d5179
}
.undis {
DISPLAY: none
}
TD {
color: #333333;
VERTICAL-ALIGN: top;
}
/******************************************
border:1px solid #ccc; 表单边框为1个像素的实线,
要为虚线改solid为dotted,要换颜色改#ccc
可以自定义背景颜色
background:#eee;
*******************************************/
input,textarea{
border:1px solid #ccc;
}
/******************************************
网页整体宽度
******************************************/
.wrap{
width:770px;
margin:auto;
}
/*横幅广告*/
#banner_ad{
margin-top:5px;
}
/******************************************
font-size: 12px;超级链接字体大小
color:字体颜色
text-decoration: none;没有下画线.要有下画线.改none为underline
a 为统一超级链接,
a:link没有点击过的超级链接样式
a:visited 被点击过的超级链接样式
a:hover 鼠标指向时的超级链接样式
a:active 被用户激活(在鼠标点击与释放之间发生的事件)时的样式.少用
*******************************************/
a {
font-size: 12px;
}
a:link {
color: #333333;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #333333;
}
a:hover {
text-decoration: underline;
color: #4E667B;
}
a:active {
text-decoration: none;
}
/******************************************
#toplogin 网页顶部登录框表格ID编号
background表格背景颜色
height高度
*******************************************/
#toplogin{
background:#E3F5FC;
height:20px;
}
/******************************************
#toplogin input.login_name用户名表单,
#toplogin input.login_pwd密码表单,写在一行,用,号分开共用样式
width:90px;表单宽
height:15px;表单高
*******************************************/
#toplogin input.login_name,#toplogin input.login_pwd{
width:90px;
height:15px;
}
/******************************************
#toplogin input.login_sub提交按钮表单,
width:90px;表单宽
height:15px;表单高
background:#D2E4FC; 背景颜色
*******************************************/
#toplogin input.login_sub{
width:40px;
height:19px;
background:#D2E4FC;
}
/******************************************
#header div 头部LOGO与广告图的容器,
float:left;靠左排列
#header div.ad广告容器,样式指定了靠右
*******************************************/
#header div{
float:left;
}
#header div.ad{
float:right;
}
/******************************************
#header头部大表格
margin-bottom:10px;与下面的表格距离10像素
border-top:#ccc 1px solid;表格上方一个像素的实线,颜色为#ccc,
可以把solid改成虚线dotted
#header td 大表格内的TD
padding-top:8px;上方留空8个像素
*******************************************/
#header{
margin-bottom:10px;
border-top:#ccc 1px solid;
}
#header td{
padding-top:8px;
}
/******************************************
#guide头部网站导航表格编号
margin-top:5px;与上方表格距离5像素
border:1px #6B92D6 solid;边框样式solid改为dotted则为虚线
height:28px;高度
background:#D2E4FC;背景颜色
#guide td导航表格内部TD容器
border:1px solid #FFF;内边框样式
padding:6px 3px 4px 3px;导航文字与上右下左的距离
*******************************************/
#guide{
margin-top:5px;
border:1px #6B92D6 solid;
height:28px;
background:#D2E4FC;
}
#guide td{
border:1px solid #FFF;
padding:6px 3px 4px 3px;
}
/******************************************
.MainTable .guide样式导航表格样式
margin-top:5px;与上方表格的距离
border:1px #A7CAFA solid;边框样式,solid可更换成dotted虚线
height:20px;表格高度
background:#F5FAFE;表格背景颜色
.MainTable .guide td{ padding:5px; 表格内的文字距离四周的间距
可改成 padding:5px 0 0 0;指上右下左
*******************************************/
.MainTable .guide{
margin-top:5px;
border:1px solid #b7c9d3;
height:20px;
background-color: #dfebf7;
}
.MainTable .guide td{
padding:5px;
}
/*****************************************************************
******************************************************************
内容大表格模块样式
width:100%;占满整个空间宽度
margin-top:5px;与上一个表格间距为5个像素
overflow:hide;内容超过时,将隐藏.不过上面用百分比,一般这里设置无效.
只有上面用具体像素,这里才生效
border:1px #A7CAFA solid;边框样式,1个像素,可以改solid为虚线dotted,要取消边框改1px为0px
******************************************************************
******************************************************************/
.dragTable{
width:100%;
margin-top:5px;
overflow:hide;
border:1px #b7c9d3 solid;
}
/******************************************
内容表格模块头部样式
background:#D2E4FC;背景颜色
height:20px;高度
padding-left:1em;字体与左边距离
padding-top:7px;字体与上方距离
border:1px #FFF solid;内边框样式,一般设置为0px较多,即不要内边框居多
******************************************/
.dragTable .head{
height:20px;
BACKGROUND: url(indexbg2.gif);
padding-left:1em;
padding-top:7px;
border:1px #FFF solid;
}
/******************************************
模块主题文字
float:left;居左,
可以设置为粗体 font-weight:bold;颜色为color:#000;
******************************************/
.dragTable .TAG{
float:left;
}
/******************************************
整体大表格之间的间隙
******************************************/
.MainTable{
margin-top:5px;
width: 946px;
margin-bottom: 8px;
}
/******************************************
右边窄表格模块样式
width:98%;宽度
line-height:17px;字体行高
******************************************/
.MainTable .Side .dragTable{
width:98%;
}
.MainTable .Side .dragTable .middle{
line-height:17px;
}
/******************************************
内容模块主体部分
padding:8px;距离四周距离为8个像素,
可以改成更具体些的padding:8px 0 0 0;即上右下左的距离
line-height:20px;行高,即是使用
换行符时的文字行高
******************************************/
.dragTable .middle{
padding:6px 1px 4px 7px;
height:50px;
line-height:20px;
}
/******************************************
右边窄表格最新,最热的内容样式.
width:210px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
通过设定固定宽度,使控制自动隐藏超出边界的内容自动隐藏,用省略号表示
只对- 有效
******************************************/
.MainTable .Side .dragTable .middle ul li{
width:210px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
/******************************************
右边窄表格最新,最热的标题样式.
必须
- 有超链接的才有效
display:block;定义链接为实体,方便做效果处理
margin-left:4px;文字与左边大表格边框的距离
text-indent:0.6em;文字与小图标的距离
background:url(title_icon3.gif) no-repeat left; 右边列表,最热,最新等等标题前面的小图标
no-repeat 不平铺 left;背景居左
******************************************/
.MainTable .Side .dragTable .middle ul li a{
display:block;
margin-left:4px;
text-indent:0.6em;
background:url(title_icon3.gif) no-repeat left;
}
/******************************************
列表页,包括首页,文章子栏目文章表格样式,表格高度
******************************************/
#AutoRows .dragTable .middle{
height:100px;
}
/******************************************
列表页,包括首页,文章子栏目文章标题样式
width:246px;
display:block;
overflow:hidden;
text-overflow:ellipsis;
定义width指定宽度.是为了自动隐藏超出边界的标题.用百分比不能控制
line-height:18px;行高
text-indent:0.6em;文字小图标的距离
background:url(title_icon3.gif) no-repeat ;标题前的小图标
background-position: 0 40%; 小图标X,Y的坐标
******************************************/
#AutoRows .dragTable ul li{
width:246px;
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
line-height:18px;
text-indent:0.6em;
background:url(title_icon3.gif) no-repeat;
background-position: 0 40%;
text-align: left;
}
/******************************************
文章中列表页中的图片主题,图片列表
.listpic每张图的占位空间
width:127px;占位宽度127像素
padding:3px 0 3px 4px;内间隙距离上右下左
float:left;居左排列
.listpic .title图片底下的标题样式
width:127px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
固定了宽度,控制自动隐藏超出边界的文字
******************************************/
.listpic{
width:127px;
padding:3px 0 3px 4px;
float:left;
}
.listpic .title{
width:127px;
text-align:center;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
/******************************************
文章中列表页中的图片主题,图片内边框样式
border:1px #FFF solid;边框一个像素,为实线,可以改0px,即取消内边框
改solid为dotted即是虚线
******************************************/
.listpic img{
border:1px #FFF solid;
width:120px;
height:90px;
}
/******************************************
文章中列表页中的图片主题,图片外边框样式
width:120px; 图片外边框宽 height:90px; 图片外边框高
display:block; 定义链接为实体利于加效果
text-align :center; 图片在边框内居中
border:1px #ccc solid;图片外边框样式,要取消边框,可以把1改0,
要加粗粗,把1改成更大的数,要用虚线,可以把solid改成dotted,要换颜色修改#ccc为其他的
margin-bottom:5px; 与底部文字的距离
******************************************/
.listpic .img a{
width:120px;
height:90px;
display:block;
text-align :center;
border:1px #ccc solid;
margin-bottom:5px;
}
/******************************************
文章列表
padding:7px 5px 0 5px;内间隙,上右下左的距离
border-bottom:1px dashed #ccc;底部虚线,也可改为实线solid 或其他颜色
.listarticle span参数样式
******************************************/
.listarticle td{
padding:7px 5px 0 5px;
border-bottom:1px dashed #ccc;
}
.listarticle span{
display:block;
float:left;
}
/******************************************
文章列表
文章标题样式
text-indent: 0.6em;与小图标的距离
background:url(title_icon3.gif) no-repeat left;小图标,居左不平铺
background-position: 0em 40%;小图标是背景,坐标位置
.listarticle span.time{float:right;}时间靠右显示
******************************************/
.listarticle span.title{
text-indent: 0.6em;
background:url(title_icon3.gif) no-repeat left;
background-position: 0em 40%;
}
.listarticle span.time{
float:right;
}
/******************************************
分页
******************************************/
.page{
width:98%;
margin-top:1em;
clear:both;
}
.page a{
display:block;
float:left;
margin-right:3px;
border:1px solid #ccc;
padding:2px 4px 1px 4px;
}
/*****************************************************************
******************************************************************
文章内容页
.content_word,.content_word p多种格式的控制内容的样式,字号为15像素
******************************************************************
******************************************************************/
.content_word,.content_word p{
font-size:15px;
}
/*****************************************************************************************
******************************************************************************************
图片频道,视频,FLASH,音乐,商城,下载频道的列表页的图片列表
******************************************************************************************
******************************************************************************************/
/******************************************
display:block;定义为模块
width:98%;宽度为98%
margin:8px 8px 0 10px;与其他的外间隙上右下左的距离
height:100px;高度
overflow:hide;文字超过则隐藏,不过上面宽度只有设置成具体像素才生效.
border-bottom:1px #ccc dotted;底部边框为一个像素的虚线.改成solid则为实线,改成0px则取消边框
这里特别要注意的是.把宽度改成width:44%;增加一句float:left;就可以一行显示两个
******************************************/
.ListPhoto ul{
display:block;
width:96%;
margin:8px 8px 0 10px;
height:100px;
overflow:hide;
border-bottom:1px #ccc dotted;
}
/******************************************
图片与介绍文字是左右并排
******************************************/
.ListPhoto ul li{
display:block;
float:left;
}
/******************************************
图片容器样式,
width:130px;宽
border-right:1px #ccc dotted;容器右边样式,改dotted为solid则为实线,把1px改为0则取消边框
******************************************/
.ListPhoto ul li.img{
width:130px;
border-right:1px #ccc dotted;
}
/******************************************
图片内边框样式
******************************************/
.ListPhoto ul li.img img{
border:1px solid #ccc;
}
/******************************************
图片外边框样式
display:block; 定义为实体,方便加效果
width:120px; 宽
height:90px; 高
text-align :center; 图片居中
background:#eee; 背景颜色,只有图片太小时,才看得到效果.
border:1px solid #333; 外边框样式,可改solid为dotted虚线.取消边框的话.改1px为0
******************************************/
.ListPhoto ul li.img a{
display:block;
width:120px;
height:90px;
text-align :center;
background:#eee;
border:1px solid #333;
}
/******************************************
图片的相关文字样式
margin-left:1em;与左边距离1个汉字距离
******************************************/
.ListPhoto ul li.word{
margin-left:1em;
}
/******************************************
图片的相关文字样式
display:block;做为实体,每个占一行,
overflow:hide,文字超出边界,自动隐藏.一般只有设置了宽度时才生效
******************************************/
.ListPhoto ul li.word span{
display:block;
overflow:hide;
}
/******************************************
图片的相关文字,超级链接的文字加粗显示
******************************************/
.ListPhoto ul li.word span.title a{
font-weight:bold;
}
/*****************************************************************************************
*****************************************************************************************
**********评论
******************************************************************************************
******************************************************************************************/
#comment .content{
border:dotted 1px #ddd;
margin-bottom:10px;
}
#comment .content .word{
border-bottom:solid 1px #ddd;
padding-left:5px;
height:50px;
}
#comment .content .img{
border-right:dotted 1px #ddd;
padding:1em;
}
#comment .content .info{
padding:2px 0 0 5px;
}
/*****************************************************************************************
*****************************************************************************************
************留言本
*****************************************************************************************
*****************************************************************************************/
.guestbook{
margin-bottom:4px;
border:1px dotted #A7CAFA;
}
.guestbook .Ftd{
padding:4px;
border-right:1px dotted #A7CAFA;
}
.guestbook .Atd{
border-top:1px solid #D2E4FC;
padding-left:4px;
}
.guestbook .Ctd{
padding:4px;
}
/*****************************************************************************************
*****************************************************************************************
网页底部
******************************************************************************************
******************************************************************************************/
#footer{
border-top:#CBCBCB solid 1px;
margin-top:4px;
}
#footer td{
padding:1em 0 1em 0;
}
/*****************************************************************************************
*****************************************************************************************
间隔条
*****************************************************************************************
*****************************************************************************************/
.Space{
height:23px;
margin-top:4px;
background:url(space_bg.jpg);
}
.Space .L{
padding:5px 0 0 5px;
font-weight:bold;
color:#FFF;
}
.Space .L{
float:left;
}
.Space .R{
padding:5px 5px 0 0;
float:right;
}
/*********************************************************************
**********************************************************************
AJAX在线编辑DIV容器
这个会员看不到.只是版主管理员才可以看到.这是后台风格
一般不必修改了.修改了会员也看不到
**********************************************************************
*********************************************************************/
#AjaxEditTable{
border:1px solid #BEDDFF;
background:#FFF;
}
#AjaxEditTable .head{
height: 21px;
background: #DBEAFF;
border-bottom:1px solid #BEDDFF;
padding:3px 5px 0 7px;
}
#AjaxEditTable .head a{
color:#FFF;
}
#AjaxEditTable .head span{
DISPLAY: block;
FLOAT: right;
}
#AjaxEditTable .middle{
background:#FFF;
line-height:18px;
padding:5px;
}
#AjaxEditTable .middle input,#AjaxEditTable .middle textarea{
border:1px solid #BEDDFF;
background:#FFF;
}