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.

712 lines
18 KiB
CSS

/*Great Wall 页面框架*/
body {
margin:0px;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:#f7f2ba;
}
.clear {
clear:both;
}
img { border:0;}
a { text-decoration: underline; color:#545454;}
a:hover { text-decoration:none; color:#a31022;}
textarea { color:#545454; font-size:12px; width:180px; margin:10px auto;}
input { margin:5px auto;}
#wrapper {
width:960px;
margin:auto;
padding-top:15px;
}
#headerBig {
width:958px;
height:308px;
}
.homepage{ background:url(https://data.chinahighlights.com/css/images/community/other.png) center no-repeat;}
#header {
width:958px;
height:308px;
background:url(/image/panda/bg-2.png) repeat-y;
}
#header a{ text-decoration:underline; color:#545454;}
#header a:hover { text-decoration:none; color:#545454;}
#header .HomeName { font-size:28px; color:#545454; font-family:Arial, Helvetica, sans-serif;}
#logo {
padding:140px 0 0 60px;
float:left;
}
#topNav {
width:110px;
height:22px;
float:right;
background:url(/image/panda/bg-top.png) no-repeat;
margin:5px 5px 0 0;
color:#000;
font-size:11px;
font-weight:bold;
padding:5px 0 0 10px;
}
#topNav a {
color:#000;
}
#topNav a:hover { color:#fff;
}
h1 {
margin:0 0 10px 0;
padding:0;
font-size:28px;
color:#555;
}
#main {
width:960px;
background:url(/image/panda/bg-2.png) repeat-y;
}
#main h1 {
font-size:24px;
color:#5e840e;
padding:0px;
margin:0px;
padding: 0 0 10px 0;
}
/*----sideBar-----*/
#sideBar {
width:200px;
padding: 30px 0 40px 0;
float: left;
z-index:1000;
margin-left:16px;
*margin-left: 8px;
}
#sideBar h2 {
color:#FFF;
display:block;
font-size:14px;
line-height:18px;
margin:0;
padding:10px 0 10px 20px;
background:#9b9b9b;
}
#sideBar h2 a, #sideBar h2 a:hover{ text-decoration:none; color:#FFF;}
#sideBar h3 {
font-size:16px;
margin:5px auto;
color:#639302;
}
#sideBar h4 { font-size:12px; margin:5px auto; color:#545454;}
#sideBar p {
color:#545454;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
line-height:14px;
margin:0 0 10px;
padding:0;}
#sideBar .leftinfo {
background:#ffface;
width:200px;
margin-bottom:10px;
padding-bottom:10px;
}
#sideBar .leftinfo .lefticon { background:url(https://data.chinahighlights.com/css/images/community/other/left-info.png) no-repeat; width:37px; height:42px;float:left; margin:-15px 0 0 -10px;}
#sideBar .leftinfo .righticon {
background:url(https://data.chinahighlights.com/css/images/community/other/right-info.png) no-repeat;
width:117px;
height:19px;
float:right;
margin:10px 10px 0 0;
}
#sideBar .leftinfo .profile {
border:1px solid #d1d1d1;
padding:5px;
width:120px;
background:#fff;
margin:10px auto;
text-align:center;
}
#sideBar .leftinfo .aboutinfo{ text-align:left; padding:5px 0 0 20px;}
#sideBar .leftinfo .aboutinfo .phone { background:url(https://data.chinahighlights.com/css/images/community/other/phone-info.png) no-repeat; width:16px; height:14px; padding-left:20px;}
#sideBar .leftinfo .aboutinfo .mail { background:url(https://data.chinahighlights.com/css/images/community/other/mail-info.png) no-repeat; width:16px; height:11px;padding-left:20px;}
#sideBar .leftinfo .buttoninfo{float:left; margin:0 5px;}
#sideBar .facts {
border:1px solid #e8e8e8;
padding:5px 5px 10px 5px;
background:#f1f1f1;
margin:0 0 10px 0;
}
#sideBar .facts a{color:#444;} #sideBar .facts a:hover{color:#a31022; text-decoration:none;}
#sideBar .facts ul{
list-style:none; margin:0; padding:0;
}
#sideBar .facts ul li{
font-size:11px;
color:#666;
line-height:14px;padding-left:10px;
margin-bottom:10px;
padding-bottom:5px;
list-style:none;
background:url(https://data.chinahighlights.com/css/images/arrow-gray.gif) 5px left no-repeat;
border-bottom:1px dashed #c5c5c5;
}
/*----contentMiddle-----*/
#contentMiddle {
width:710px;
float:left;
margin-left:14px;
padding:20px 5px;
}
#contentMiddle .videoArea{
width:300px;
margin:0 5px;
float:right;
font-size:11px;
color:#666;
line-height:14px;
text-align:center;
}
h2.customer {
font-size:18px;
color:#5e840e;
padding:0px;
margin:0px;
height:33px;
}
#contentMiddle p {
color:#545454;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:18px;
padding:0px;
margin:0px;
margin-bottom:10px;
}
#contentMiddle .content-box {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #CCCCCC;
margin:10px 0 0 0 ;}
#contentMiddle .content-box-header {
background:url("https://data.chinahighlights.com/css/images/community/bg-content-box.gif") repeat-x scroll left top #E5E5E5;
height:40px;
margin-top:1px;}
#contentMiddle .content-box-header h3 {
float:left;
font-size:17px;
padding:10px;
margin:0;}
#contentMiddle .content-box-content {
border-top:1px solid #CCCCCC;
font-size:13px;
padding:10px;}
#contentMiddle .content-box-content h6 { font-size:12px; margin:0; color:#222222; font-family:Verdana, Geneva, sans-serif; font-weight:bold; }
#contentMiddle .grayLine {
border-bottom:1px solid #D1D1D1;
clear:both;
height:1px;
margin-bottom:5px;}
/*导航样式*/
.nav-list{
padding:0 0 0 3px;
background:url(/image/panda/bg-2.png) repeat-y;
}
ul.navlist{
float:left;
width:100%;
margin:0;
padding:0;
overflow:hidden;
}
ul.navlist li {
width:auto;
margin: 0 0 0 1px;
float:left;
background:url(https://data.chinahighlights.com/css/images/community/other/default.jpg) no-repeat;
font-size:18px;
list-style:none;
width:189px;
height:72px;
text-align:center;
}
ul.navlist li:hover { background:url(https://data.chinahighlights.com/css/images/community/other/current.jpg) no-repeat; width:189px; height:72px;}
ul.navlist li span{ padding:15px 0 0 0 ;margin:0; font-size:20px;line-height:53px;}
ul.navlist li a, ul.navlist li.navcurrent a { text-decoration:none;color:#fff;}
ul.navlist li.navcurrent{
background: url(https://data.chinahighlights.com/css/images/community/other/current.jpg)no-repeat;
}
/*各版块样式*/
.PhotoList {
border:#ccc solid 1px;
width:700px;
height:auto;
padding:20px 5px 0 5px;
margin: 0 0 15px 0;
-moz-border-radius:6px;
}
.PhotoList .customerPhotoList {
background:url("https://data.chinahighlights.com/css/images/community/customer-pic-bg.gif") no-repeat scroll right 0 transparent;
float:left;
text-align:center;
width:175px;
margin: 0 0 20px 0;
}
.PhotoList .customerPhotoList .customerPhotoSmall {
height:105px;
margin: 17px 0 0 17px;
text-align:center;
width:135px}
.PhotoList .customerPhotoList .customerPhotoSmall img { width:135px; height:105px;}
.photoName{margin-top:20px; font-size:11px; color:#666; font-style:italic;}
.StoryList {
border:#ccc solid 1px;
width:auto;
height:auto;
padding:20px 10px 10px 10px;
margin: 0 0 20px 0;
-moz-border-radius:6px;
}
.StoryList h3{
font-size:16px;
color:#639302;
font-weight:100;
margin:0;
}
.StoryList h3 a{ text-decoration:underline; color:#639302;}
.StoryList h3 a:hover{ text-decoration:none; color:#639302;}
.StoryList .storytext{ padding:10px 0 0 0;}
.StoryList .Storydash{ border-bottom: #d1d1d1 dashed 1px; margin:10px auto;}
.StoryList .Storytag{
margin:10px 0;
font-size:12px;
color:#545454;
}
.StoryList .Storytime{
margin:5px 0 15px 0px;
font-size:10px;
}
.StoryList .Storyread{
margin: 10px 0;
font-size:12px;
color:#639302;
}
.StoryList .Storyread a{ text-decoration:underline; color:#639302;}
.StoryList .Storyread a:hover{ text-decoration:none; color:#639302;}
.QaList {
border:#ccc solid 1px;
width:auto;
height:auto;
padding:20px 10px 10px 10px;
margin: 0 0 20px 0;
-moz-border-radius:6px;
}
.QaList h3{
font-size:16px;
color:#639302;
font-weight:100;
margin:0;
}
.QaList a{ text-decoration:underline; color:#545454;}
.QaList a:hover{ text-decoration:none; color:#a31022;}
.QaList .qatime{
margin:5px 0 15px 0px;
font-size:10px;
}
.QaList .qatext{ padding:10px 0 0 0;}
.QaList .qadash{ border-bottom: #d1d1d1 dashed 1px; margin:10px auto;}
.QaList .qamain{
font-family:Georgia,Times New Roman,Times,serif;
font-weight:bold;
letter-spacing:-0.06em;
line-height:17px;
color:#666;
font-style:italic;
text-decoration:none;
font-size: 13px;
}
.ArticleList {
border:#ccc solid 1px;
width:auto;
height:auto;
padding:10px 10px 10px 10px;
margin: 0 0 20px 0;
-moz-border-radius:6px;
}
.ArticleList h2{
font-size:18px;
color:#5e840e;
padding:0px;
margin:0px;
height:33px;
}
.ArticleList h2 a{text-decoration:underline; color:#639302;}
.ArticleList h2 a:hover {text-decoration:none;color:#639302; }
.ArticleList h3{
font-size:14px;
margin:0;
}
.ArticleList a{ text-decoration:underline; color:#545454;}
.ArticleList a:hover{ text-decoration:none; color:#a31022;}
.ArticleList .Articletime{
margin:5px 0;
font-size:10px;
}
.ArticleList .Articletype{
margin:5px 0;
font-size:12px;
}
.ArticleList .Articletype a{ text-decoration:underline; color:#545454;}
.ArticleList .Articletype a:hover{ color:#a31022;}
.ArticleList .Articletext{ padding:0;}
.ArticleList .Articledash{ border-bottom: #d1d1d1 dashed 1px; margin:10px auto;}
.ArticleList .Articlemain{
font-family:Georgia,Times New Roman,Times,serif;
font-weight:bold;
letter-spacing:-0.06em;
line-height:17px;
color:#666;
font-style:italic;
text-decoration:none;
font-size: 13px;
}
.ArticleList .photoScroll {
background:none repeat scroll 0 0 #F1F1F1;
border:1px solid #D1D1D1;
float:left;
margin:0 10px 5px 0;
padding:5px;
width:300px;
}
.ArticleList .photoScroll .bigPhoto {
border-bottom:1px solid #D1D1D1;
width:300px;}
.ProductList {
border:#ccc solid 1px;
width:auto;
height:auto;
padding:10px 10px 10px 10px;
margin: 0 0 20px 0;
-moz-border-radius:6px;
}
.tourList {
border-bottom:1px solid #D1D1D1;
padding:15px 15px 5px 5px;
width:95%;
}
.tourList h2 {
border-bottom:medium none;
color:#545454;
font-family:Verdana,Geneva,sans-serif;
font-size:14px;
margin:0 0 5px;
padding:0;
}
.tourList h2 a {
color:#545454;
font-size:14px;
text-decoration:none;
}
.tourList h2 a:hover {
color:#A31022;
text-decoration:underline;
}
.tourList .listPhoto {
background:none repeat scroll 0 0 #F1F1F1;
border:1px solid #D1D1D1;
float:left;
margin:0 10px 0 0;
padding:5px;
width:120px;
}
.tourList .listPhoto:hover {
background:none repeat scroll 0 0 #D1D1D1;
}
.tourList .listPhoto img {
height:90px;
width:120px;
}
.tourList .listleft {
float:left;
margin-bottom:5px;
width:80%;
}
.tourList .listleft ul {
margin-left:10px;
}
.tourList .listleft ul li {
line-height:18px;
list-style:none outside none;
margin-left:5px;
}
.tourList .listleft ul li input {
margin-top:5px;
}
.tourList .tourdash{ border-bottom: #d1d1d1 dashed 1px; margin:10px auto;}
.CommentList {
border:#ccc solid 1px;
width:auto;
height:auto;
padding:20px 10px 10px 10px;
margin: 0 0 20px 0;
-moz-border-radius:6px;
}
.CommentList h3{
font-size:16px;
color:#639302;
font-weight:100;
margin:0;
}
.CommentList a{ text-decoration:underline; color:#545454;}
.CommentList a:hover{ text-decoration:none; color:#a31022;}
.CommentList .Commenttime{
margin:5px 0 15px 0px;
font-size:10px;
}
.CommentList .Commenttext{ padding:10px 0 0 0;}
.CommentList .Commentdash{ border-bottom: #d1d1d1 dashed 1px; margin:10px auto;}
/*Table上方标签页样式*/
.item-list-hd {
padding:5px 0 0 15px;
height:30px;
margin-bottom:3px;
}
ul.viewOrderLab{
float:left;
width:100%;
margin:0;
padding:0;
overflow:hidden;
}
ul.viewOrderLab li {
width:auto;
float:left;
margin-right:3px;
padding:10px 12px 8px 12px;
background:#9b9b9b;
color:#fff;
font-size:12px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
list-style:none outside none;
}
ul.viewOrderLab li a { text-decoration:none; color:#fff;}
ul.viewOrderLab .current{
border-left:1px solid #d5d5d5;
border-right:1px solid #d5d5d5;
border-top:1px solid #d5d5d5;
color:#5e840e;
background:#fff;
}
ul.viewOrderLab .current a {
background-color:transparent;
background-position:right -75px;
margin-top:-3px;
padding-top:3px;
color:#333333;
text-decoration:none;
}
/*footer样式*/
#footer {
width:960px; margin:auto;}
#bottom {
width:100%;
padding-bottom:50px;}
#bottomIn {
width:960px;
margin:auto;
background:url(/image/panda/bg-2.png) repeat-y;
font-size:11px;
color:#666;
padding-top: 10px;
padding-bottom: 10px;
text-align:center;}
#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
}
.bottomDash {border-top: 3px solid #bbbbbb; width:940px; margin:auto;
}
#bottombg {
width:960px;
margin:auto;
margin-left:-1px;
height:16px;
*margin-top: -3px;
background:url(/image/panda/bg-5.png) no-repeat center;}
}
/*其他样式*/
.roundCorner {
-moz-border-radius:5px 5px 5px 5px;}
.blueFont {
color:#319ECB;
font-weight:bold;
margin-right:5px;}
/*反馈样式*/
.testimonialContent {
float:right;
border:#BFC695 1px solid;
position:relative;
padding-left:8px;
-moz-border-radius:6px;
}
.testimonialContent h3 {
padding:0px;
margin:0px;
font-size:16px;
padding:10px 0 0 10px;
margin-bottom:15px;
color: #555555;
}
.testimonialBox{
margin:8px 5px 8px 0;
border-bottom:1px dotted #c6c6c6;
padding: 5px;
;
}
.testimonial{
font-family:Georgia,Times New Roman,Times,serif;
font-weight:bold;
letter-spacing:-0.06em;
line-height:17px;
color:#666;
font-style:italic;
text-decoration:none;
font-size: 13px;
}
.more{ text-align:right; margin:10px; color:#666; font-size:12px;}
.more a{color:#444;}
.bywho{
font-size:12px;
color:#777;
}
.wordStyle7 {
font-size:11px;
font-weight:bold;}
.highlightBold {
color:#A31022;
font-family:Arial,Helvetica,sans-serif;
font-size:16px;
font-weight:bold;
margin:8px 0 5px;
}
.quoteBegin {background:url("https://data.chinahighlights.com/pic/bg-quote-begin.gif") no-repeat scroll 4px 6px transparent;}
.quoteEnd {background:url("https://data.chinahighlights.com/pic/bg-quote-end.gif") no-repeat scroll 4px 6px transparent;}
#pageSelect{width:100%; margin:10px 0 10px 0}
#pageSelect ul{padding:0px; margin:0px; overflow:hidden; zoom:1}
#pageSelect ul li{float:left; display:block; -moz-border-radius:4px; border:1px solid #C1C1C1; font-size:10px; margin:0 8px 0 0}
#pageSelect ul li a{display:block; color:#C6162B; padding:4px 8px 4px 8px; text-decoration:none}
#pageSelect ul li a:hover{color:#6b6b6b}
#pageSelect ul li.active{display:block; background:url(https://data.chinahighlights.com/css/images/bg-pageSelect.gif) repeat-x; background-position:bottom; background-color:#C6162B; border:1px solid #a31022; color:#fff; display:block; padding:4px 8px 4px 8px}
#pageSelect ul li.active2{display:block; background:url(https://data.chinahighlights.com/css/images/bg-page2.gif) repeat-x; border:1px solid #A3A3A3; color:#fff; display:block; padding:4px 8px 4px 8px}
/*--Create Blog Style*/
#createBlog { padding:10px 20px; font-size:14px;}
#createBlog a { color:#545454;text-decoration:underline;}
#createBlog a:hover {color:#a31022;text-decoration:none;}
#createBlog .writeBlog {padding:10px 0;}
#createBlog .titleBlog { padding:10px 0;}
#createBlog .titleBlog input { border:#d1d1d1 1px solid; margin: 0 10px 0 5px; width:400px;}
#createBlog select { margin-right:10px;}
#createBlog .button {
background:url("https://data.chinahighlights.com/css/images/community/bg-button-green.gif") repeat-x scroll left top #850000 !important;
border:1px solid #850000 !important;
color:#FFFFFF !important;
cursor:pointer;
display:inline-block;
font-family:Verdana,Arial,sans-serif;
font-size:11px !important;
padding:5px 7px !important;
text-decoration:none;
margin-right:10px;
}
.edit{ padding:3px; border:1px #d1d1d1 solid; background-color:#fff; margin:1px 2px;}
.noblog{ width:558px; padding: 20px 60px; border:#a2b4ee 1px solid; color:#585b66; background-image: url('/css/images/community/icons/information.png'); background-repeat:no-repeat; background-position:40px 20px}
/*story主要内容*/
.storytext {margin:0 0 15px 0; background:#fff; padding-bottom:20px;}
.storytext .maintext{ padding:10px 20px 0 20px;}
.storytext .maintext h3{
font-size:16px;
color:#545454;
font-weight:100;
margin:0;
}
.storytext .maintext h3 a{ color:#545454; text-decoration:none;}
.storytext .maintext h3 a:hover{ color:#a31022; text-decoration:underline;}
.storytext .textdash{ border-bottom: #d1d1d1 dashed 1px; margin:10px;}
.storytext .storytag{ margin:10px 0 20px 0px;}
.storytext .storyselect { margin: 5px 0 5px 20px;}
.storytext .storyread{ margin: 15px 0 15px 20px;}
.storytext .storysort { float:right; padding:5px 10px;}
.storytext .storysort img { margin:0 0 -2px 5px;}
.storytext .leftsort{ float:left;}
.storytext .leftsort img { margin:0 0 -2px 5px;}
.storytext .rightsort{ float:right;}
.storytext ul { margin: 10px; padding-left:10px;}
.storytext ul li {
font-size:12px;
line-height: 18px;
margin-bottom:8px;
text-align: left;
border-bottom:1px dotted #d1d1d1;
padding-bottom:5px;
}
.storytext ol { margin: 10px; padding-left:10px;}
.storytext ol li {
font-size:11px;
list-style-position: outside;
line-height: 15px;
margin-bottom:8px;
text-align: left;
border-bottom:1px dotted #d1d1d1;
padding-bottom:5px;
}
/*story次要内容*/
.storyleft {
margin:0 0 10px 0;
position:relative;
background:#fff;
}
.storyleft .mainLeft {padding:10px;}
.storyleft .mainLeft ul { margin: 10px; padding-left:10px;}
.storyleft .mainLeft ul li {
font-size:12px;
line-height: 18px;
margin-bottom:8px;
text-align: left;
border-bottom:1px dotted #d1d1d1;
padding-bottom:5px;
}
/*--All Price Style*/
.redPrice12 { color: #A31022; }
.redPrice {
color: #a31022;
font-size:14px;
}
.redPrice12Bold { color:#a31022; font-weight: bold; font-size: 13px; }
.price12Bold { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight: bold; color:#a31022;}
.highlightBold { color: #A31022; font-size: 16px; font-family:Arial, Helvetica, sans-serif; font-weight: bold; margin: 8px 0 5px 0; }
.reditalic { color:#a31022; font-style:italic;}
.redArial12Bold { font-family:Arial, Helvetica, sans-serif; font-weight: bold; color:#a31022; font-size:12px;}
.new {
LEFT: -5px;
POSITION: relative;
TOP: -6px;
font-size: 80%;
font-weight: normal;
color: #FF0000;
font-style: italic;
}