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
712 lines
18 KiB
CSS
6 years ago
|
/*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;
|
||
|
}
|