You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
288 lines
6.7 KiB
CSS
288 lines
6.7 KiB
CSS
/*Great Wall 页面框架*/
|
|
body {
|
|
margin:0px;
|
|
padding:0px;
|
|
font-family:Verdana, Arial, Helvetica, sans-serif;
|
|
background-color: #9b9ac3;
|
|
background-image: url(/image/special-report/bg-southasia.gif);
|
|
background-repeat: repeat-x;
|
|
background-position: top;
|
|
}
|
|
.clear {
|
|
clear:both;
|
|
}
|
|
#wrapper {
|
|
width:958px;
|
|
margin:auto;
|
|
padding-top:15px;
|
|
}
|
|
#headerBig {
|
|
width:958px;
|
|
background-image:url(/image/special-report/header-sa.PNG);
|
|
height:370px;
|
|
z-index:9999;
|
|
}
|
|
#logo {
|
|
padding:90px 0 0 50px;
|
|
float:left;
|
|
}
|
|
#topNav {
|
|
width:155px;
|
|
height:22px;
|
|
float:right;
|
|
margin:15px 10px 0 0;
|
|
color:#fff;
|
|
font-size:11px;
|
|
font-weight:bold;
|
|
padding:5px 0 0 10px;
|
|
background: url(/image/special-report/bg-about.png) no-repeat;
|
|
}
|
|
#topNav a {
|
|
color:#fff;
|
|
}
|
|
#topNav a:hover { text-decoration: none; color:#a31022;}
|
|
/*-- 面包屑导航 --*/
|
|
.breadNav { padding: 0px 16px 10px 16px; font-size:11px; margin-top:-15px; color:#534C98}
|
|
.breadNav a{text-decoration:underline; background-image:url(https://data.chinahighlights.com/css/images/arrow-navigate.gif); background-repeat:no-repeat; background-position:right 7px; padding:2px 8px 4px 5px; color:#444}
|
|
.breadNav a:hover{color:#a31022; text-decoration:none}
|
|
|
|
#main {
|
|
width:958px;
|
|
background-image: url(/image/yangtzeriver/bg-write.png);
|
|
background-repeat: repeat-y;
|
|
}
|
|
h1 {
|
|
border-bottom: 5px solid #b1b1b1;
|
|
margin:90px 15px 25px 15px;
|
|
padding:8px 0 5px 0px;
|
|
font-size:24px;
|
|
color:#000;
|
|
font-weight:400
|
|
}
|
|
/*----sideBar-----*/
|
|
|
|
#sideBar {
|
|
width:230px;
|
|
padding-bottom: 40px;
|
|
float: left;
|
|
z-index:1000;
|
|
margin-left:16px;
|
|
*margin-left: 8px;
|
|
position:relative
|
|
}
|
|
#sideBar h2 {
|
|
border-bottom:1px solid #CCCCCC;
|
|
color:#534c98;
|
|
background:#f1f1f1;
|
|
display:block;
|
|
font-size:15px;
|
|
line-height:22px;
|
|
margin:0;
|
|
padding:5px 0 5px 45px;
|
|
position:relative;
|
|
}
|
|
.flower {
|
|
background:url(/image/special-report/flower.png) no-repeat;
|
|
width:46px;
|
|
height:43px;
|
|
position:absolute;
|
|
top:-13px;
|
|
left: -1px;
|
|
}
|
|
#sideBar .navLeft {
|
|
margin:0 0 20px 0;
|
|
padding:0; position:relative;
|
|
border-top: 5px solid #534c98;
|
|
}
|
|
#sideBar .navLeft ul {
|
|
position:static;
|
|
margin:0;
|
|
padding:0;
|
|
margin-bottom:20px;
|
|
}
|
|
#sideBar .navLeft li {
|
|
list-style: none;
|
|
margin:0;
|
|
padding:3px 0;
|
|
line-height:15px;
|
|
border-top: 1px solid #fff;
|
|
border-bottom: 1px dotted #ccc;
|
|
position:relative;
|
|
}
|
|
#sideBar .navLeft li.subnav {
|
|
position:relative;
|
|
background: url(https://data.chinahighlights.com/pic/arrow-r.GIF) no-repeat right 50%;
|
|
}
|
|
#sideBar .navLeft li.subnav a:hover {
|
|
color:#f1f1f1;
|
|
background-color:#534c98;
|
|
font-size:12px;
|
|
font-weight: bold;
|
|
}
|
|
#sideBar .navLeft li.subnav:hover {
|
|
border:1px solid #d1d1d1;
|
|
width:190px;
|
|
}
|
|
#sideBar .navLeft a {
|
|
padding: 5px 0 5px 20px;
|
|
display:block;
|
|
font-size: 12px;
|
|
}
|
|
#sideBar .navLeft a:link, #sideBar .navLeft a:visited, #sideBar .navLeft a:hover, #sideBar .navLeft a:active {
|
|
text-decoration:none;
|
|
cursor:pointer
|
|
}
|
|
#sideBar .navLeft a:link, #sideBar .navLeft a:visited {
|
|
color:#444;
|
|
}
|
|
|
|
#sideBar .navLeft li.active a:link, #sideBar .navLeft li.active a:visited, #sideBar .navLeft li.active a:hover, #sideBar .navLeft li.active a:active {
|
|
color:#f1f1f1;
|
|
background-color:#534c98;
|
|
font-size:12px;
|
|
font-weight: bold;
|
|
}
|
|
#sideBar .thingDo{background:#f1f1f1;}
|
|
#sideBar .thingDo h4{ font-size:11px; padding-left:10px; margin-bottom: 5px;}
|
|
#sideBar .navLeft li.active {background-color:#534c98;}
|
|
#sideBar .navLeft li:hover {background-color: #534C98;}
|
|
#sideBar .navLeft li:hover a{color:#f1f1f1; font-weight:bold;}
|
|
|
|
|
|
/*----contentMiddle-----*/
|
|
|
|
#contentMiddle {
|
|
width:670px;
|
|
float:left;
|
|
margin-left:14px;
|
|
padding-bottom:20px;
|
|
margin-bottom:15px;
|
|
}
|
|
#contentMiddle h2 {
|
|
color:#000;
|
|
font-size:18px;
|
|
font-weight: normal;
|
|
border-bottom:2px solid #d1d1d1;
|
|
padding-bottom:5px;
|
|
}
|
|
h2.building {
|
|
font-size:18px;
|
|
color:#000;
|
|
font-weight: normal;
|
|
margin:0px 0 5px 0;
|
|
padding:35px 0 3px 75px;
|
|
height:27px;
|
|
background:url(/image/special-report/building.png) no-repeat left;
|
|
border-bottom: none!important
|
|
}
|
|
#contentMiddle p {
|
|
color:#333;
|
|
font-size:12px;
|
|
font-family:Verdana, Arial, Helvetica, sans-serif;
|
|
line-height:18px;
|
|
padding:0px;
|
|
margin:0px;
|
|
margin-bottom:10px;
|
|
}
|
|
#contentMiddle p a { color:#545454; font-size:11px; font-weight: bold; text-decoration:underline;}
|
|
#contentMiddle p a:hover { text-decoration: underline;}
|
|
|
|
.topthings {
|
|
width:287px;
|
|
float: left;
|
|
margin: 10px 15px 5px 10px;
|
|
}
|
|
.word ul{
|
|
margin-top: -5px;
|
|
margin-left: 5px;
|
|
margin-bottom: 20px;
|
|
padding-left:5px;
|
|
}
|
|
.word ul li{
|
|
font-size: 11px;
|
|
margin-left:2px;
|
|
padding-left: 0px;
|
|
float:left;
|
|
margin-right: 10px;
|
|
margin-top: 10px;
|
|
width: 150px;
|
|
}
|
|
.word ul li a {color:#545454; text-decoration: underline;}
|
|
.topthings h3 { color:#534c98; font-size:16px; font-family:Arial, Helvetica, sans-serif; margin: 10px 0;}
|
|
.cityBox { border:1px solid #d1d1d1; margin: 10px 0;}
|
|
.cityBox h2 { background:#f1f1f1; margin: 0 0 5px 0; padding:8px 10px; color:#534c98!important; font-size:16px; border-bottom: none!important}
|
|
ul.cityList { margin-left:0px; padding-left:10px;}
|
|
ul.cityList li { list-style: none; background:url(/image/special-report/arrow.png) no-repeat 5px 5px; padding-left:20px; font-size:11px; line-height:18px; margin-bottom:8px; border-bottom:1px dashed #d1d1d1; padding-bottom:5px; color:#545454;}
|
|
ul.cityList li a { color:#545454; text-decoration:underline;}
|
|
ul.cityList li a:hover { text-decoration: underline}
|
|
ul.cityList li span { clear: both; font-weight: bold; color:#534c98}
|
|
ul.cityList li span a { color:#534c98;}
|
|
.topthings2{position:relative;-moz-border-radius:6px;border: #E0E0E0 1px solid;line-height:20px;margin:15px 0 10px 0;padding:13px 10px 10px 10px;}
|
|
.photo{ width: 290px; float: left;}
|
|
.word{ width: 350px; float: left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
|
|
.word h2{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 16px; border:none; margin-top: 0px; margin-bottom: 5px;}
|
|
#footer {
|
|
margin-left:0px;
|
|
}
|
|
|
|
#bottom {
|
|
width:100%;
|
|
padding-bottom:50px;
|
|
}
|
|
|
|
#bottomIn {
|
|
width:958px;
|
|
margin:auto;
|
|
font-size:11px;
|
|
color:#666;
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
margin-left:1px;
|
|
border-top: 3px solid #bbbbbb;
|
|
text-align:center;
|
|
background-image: url(/image/panda/bg-2.png);
|
|
background-repeat: repeat-y;
|
|
}
|
|
#bottomIn img {
|
|
border:none;
|
|
}
|
|
#bottomIn p {
|
|
margin:0 0 5px 0; line-height:15px;
|
|
}
|
|
#bottomIn a:link, #bottomIn a:visited, #footer a:hover {
|
|
|
|
color:#666666;
|
|
border:none;
|
|
}
|
|
#bottomIn a:hover {
|
|
color:#a31022;
|
|
text-decroration:none
|
|
}
|
|
|
|
#bottombg {
|
|
width:100%;
|
|
margin-left:1px;
|
|
height:16px;
|
|
*margin-top: -3px;
|
|
background:url(/image/panda/bg-5.png) no-repeat center;
|
|
}
|
|
.videoArea{
|
|
width:330px;
|
|
margin:0 5px;
|
|
float:right;
|
|
font-size:11px;
|
|
color:#666;
|
|
line-height:14px;
|
|
}
|
|
.photoArea{
|
|
width:307px;
|
|
margin:0 0 0 5px;
|
|
float:right;
|
|
font-size:11px;
|
|
color:#666;
|
|
line-height:14px;
|
|
}
|
|
.roundCorner {
|
|
-moz-border-radius:5px 5px 5px 5px;
|
|
}
|