/*Logo部分样式*/ .activeCommunity {background:url(https://data.chinahighlights.com/css/images/global/bg-menu-last.png) repeat-x right!important; color:#fff;} .activeCommunity a { color:#fff!important;} #headerWrapper #header #logocommunity { width:900px; padding-top:45px; margin:0 0 5px 17px; } #contentcommunity { width:950px; margin:0 auto; padding:0 10px; } /*左大右小的样式*/ .column-community-left { width: 68%; float: left; } .column-community-left p { margin-bottom:15px; } .column-community-right { width: 30%; float: right; } /*左大右小的样式*/ .column-community-left2 { width: 60%; float: left; } .column-community-right2 { width: 36%; float: right; } /*作者相关信息*/ /**头像图片**/ .authorPhoto { width:100px; height:100px; padding:3px; border:1px solid #d1d1d1; background:#FFF; margin-bottom:5px; } .authorPhoto img { width:100px; height:100px; border:1px solid #d1d1d1; } /*brief story沿用的图片*/ #about-blog { padding:18px 15px; float:left; background:#FFF; width:180px; margin-right:5px; } #about-blog .img { background:none repeat scroll 0 0 #FFFFFF; border:1px solid #E8E8E8; margin:0 18px 10px 0; padding:6px; } /*City Number样式*/ span.cityNum { font-size:16px; font-weight:bold; color:#dd8000; } /*时间样式*/ span.arrivalDate { color:#dd8000; } /*图片相册样式*/ ul.photo-list { height:1%; overflow:hidden; padding:12px 0 0; margin:0 0 12px; list-style:none; } ul.photo-list li { float:left; width:172px; padding:0 27px 0 0; } .photo-holder { width:172px; } .photo-box img { display:block; } ul.photo-list p a:hover { text-decoration:underline; } .photo-holder { background:url(https://data.chinahighlights.com/css/images/community/travel-story/photo-top.gif) no-repeat top left; padding-top:10px; } .photo-box { background:url(https://data.chinahighlights.com/css/images/community/travel-story/photo-bg-l.gif) repeat-y scroll 0 0 transparent; height:1%; overflow:hidden; padding-left:8px; } .photo-holder2 { background:url(https://data.chinahighlights.com/css/images/community/travel-story/photo-btm-l.gif) no-repeat bottom left; padding-bottom:10px; } /*travel story首页的feature story样式*/ .featureStoryPhoto { width:50; float:left; padding:5px; } .featureStoryPhoto img { width:50; border:1px solid #d1d1d1; } .writeInfo { width:70px; float:left; padding:5px; } .writeInfo img { height:60px; width:60px; } .writeInfo a { color:#545454; } .writeInfo a:hover { color:#a31022; text-decoration: none; } .sharedStory { margin-left:80px; } .grayFont { font-size:11px; color:#999; } .grayLine { clear: both; height:1px; border-bottom:1px solid #d1d1d1; margin-bottom:5px; } /*story summary*/ h5.storyTitle { font-size:18px; font-weight:100; border-bottom:1px solid #c3c3c3; margin:0 0 5px 0; padding:0 0 5px 0; } /************ Table ************/ table.normalStyle { border-collapse: collapse; } table.normalStyle thead th { font-weight: bold; font-size: 15px; border-bottom: 1px solid #ddd; text-align:left; padding:10px; } table.normalStyle tbody { border-bottom: 1px solid #ddd; } table.normalStyle tbody tr td { padding:10px; font-size:12px; } table.normalStyle tbody tr td.greenFont, table.normalStyle tbody tr td.greenFont a { color:#459300; } table.normalStyle tbody tr { background: #fff; } table.normalStyle tbody tr.alt-row { background: #f3f3f3; } table.normalStyle th, table.normalStyle td, table.normalStyle tr { vertical-align: baseline; } /************ Normal Table Style ************/ table.normalStyle { width:100%; margin-bottom:10px; } /*travel itnerary*/ a.uploadStoryPhoto { background:url(https://data.chinahighlights.com/css/images/community/camera.gif) no-repeat top left; display:block; padding:0 0 3px 25px; color:#a03; } a.uploadStoryPhoto:hover { color:#545454; } /*上传者信息*/ .publisherInfo { border:5px solid #8C8C8C; padding:5px 15px 5px 5px; background-color:#F9F9F9; font-size:11px; line-height:18px; } .publisherInfo h6 { font-size:12px; margin:0 0 10px 0; padding:0 0 8px 0; } .publisherInfo h6 a { color:#545454; } .publisherInfo .publishPhoto { width:60px; height:60px; float:left; margin:0 5px 5px 0; } .publisherInfo .publishPhoto img { width:60px; height:60px; } .publisherInfo h5 { font-size:13px; display:block; width:auto; margin:0 0 10px 0; padding:0 0 2px 0; border-bottom:1px solid #dcdcdc; } .publisherInfo .publisher h6 { font-size:12px; margin:0 0 5px 0; padding:0; } .publisherInfo .publisher h6 a { color:#545454; } .publisherInfo .accountSetting { color:#2e87cc; margin:5px 0 0 0; } .publisherInfo .accountSetting a { color:#2e87cc; } .publisherInfo .accountSetting a:hover { color:#bd1416; } .publisherInfo .feedbackPromo { padding:5px 5px 5px 25px; width:230px; margin-top:10px; background:url(https://data.chinahighlights.com/css/images/community/icons/information.png) no-repeat #dbe3ff 5px 6px; } .publisherInfo .feedbackPromo a { color:#bd1416; } .publisherInfo .feedbackPromo a:hover { color:#545454; } /*详细页面促销*/ /*反馈的相关促销*/ .feedbackProm_story { background:#D5ECF2; padding:10px; float:left; width:100%; } h5.promoTitle { font-size:12px; } /*story首页*/ .hotStory { width:452px; border:1px solid #cbcbcb; padding:5px; margin-right:8px; background:top repeat-x url(https://data.chinahighlights.com/css/images/community/travel-story/hot-story-bg.gif); } #content .hotStory p { line-height:17px; margin-top:1px; } .hotStory h2, .hotStory h2 a { font-size:14px; margin:0 0 2px 0; padding:0; } .hotStory h2 a:hover { color:#a31022; text-decoration:none; } .uploadPhoto { width:275px; float:right; } .uploadPhoto .mostVisited { padding:0 0 0 10px; } .uploadPhoto .mostVisited .mostUser { width:70px; height:70px; float:left; margin:10px 5px; text-align:center; font-size:11px; } .uploadPhoto .mostVisited .mostUser a { color:#545454; } .uploadPhoto .mostVisited .mostUser img { width:70px; height:70px; } .uploadPhoto .mostVisited .mostUser .userName { text-align:center; } .uploadPhoto ol { margin-left:10px; padding-left:10px;} .uploadPhoto ol li { line-height:18px; margin-bottom:5px;} .recentUploadSotry { width:650px; padding:5px; float:left; margin-top:10px; border:1px solid #e1e1e1; } #content .recentUploadSotry p { line-height:18px; margin-top:0px; padding:0; font-size:12px; } .recentUploadSotry h3 { font-size:15px; margin:0; padding:0; color:#666; line-height:20px; } .recentUploadSotry h3 a { font-size:15px; margin:0; padding:0; color:#666; } .recentUploadSotry h3 a:hover { color:#a31022; text-decoration:none; } h5.hotStoryTitle { display:block; width:auto; border-bottom:4px solid #E8E8E8; padding:8px 0 10px 70px; margin-bottom:10px; margin-top:4px; font-size:16px; background:url(https://data.chinahighlights.com/css/images/community/travel-story/hot-sotry.gif) no-repeat 1px 0px; line-height:22px; position:relative; width:880px; } .uploadStoryPro { position:absolute; width:100px; left: 701px; top: -6px; } h5.hotStoryTitle .title { color:#36557C; } h5.hotStoryTitle .info { color:#545454; font-weight:100; } a.morestory { background:url(https://data.chinahighlights.com/css/images/community/travel-story/continue-read.gif) no-repeat 1px 0px; display:block; padding-left:25px; } h5.recentPhotoTitle { display:block; width:auto; border-bottom:4px solid #E8E8E8; padding:8px 0 10px 50px; margin-bottom:10px; font-size:16px; background:url(https://data.chinahighlights.com/css/images/community/travel-story/new-photo.gif) no-repeat 1px 0px; line-height:18px; } h5.recentReview { display:block; width:auto; border-bottom:4px solid #E8E8E8; padding:8px 0 10px 50px; margin-bottom:10px; font-size:16px; background:url(https://data.chinahighlights.com/css/images/community/travel-story/new-review.gif) no-repeat 1px 0px; line-height:18px; } .recentUpload { margin:5px 5px 5px 5px; padding-bottom:5px; border-bottom:1px solid #E8E8E8; list-style:none; } .recentUpload img { width:80px; margin-right:8px; float:left; } .recentUpload .recentUploadInfo { width:170px; float:right; font-size:11px; line-height:19px; } .recentUpload .recentUploadInfo a { color:#545454; } .recentComment { background:#f8f8f8; margin:5px; padding:10px; line-height:18px; overflow: hidden; } .recentComment a { color:#545454; } /*story首页head*/ fieldset.cityfilter { font-size:12px; line-height:18px; margin-bottom:10px; border:#c1c1c1 1px solid; background-color:#f9f9f9; -moz-border-radius:5px; font-style:italic; width:916px; padding:5px 0 5px 10px; } fieldset.cityfilter a { font-size:12px; color:#555; font-style:normal; } fieldset.cityfilter a:hover { text-decoration:none; color:#a31022; } /*-- travel story style --*/ table.storyList thead th { font-weight: bold; font-size: 15px; border-bottom: 1px solid #ddd; text-align:left; padding:10px; } table.storyList tbody { border-bottom: 1px solid #ddd; } table.storyList tbody tr td { padding:10px; font-size:12px; } table.storyList tbody tr td img, table.storyList tbody tr td p img { width:250px!important; height: 188px!important; float: none!important } table.storyList tbody tr td.greenFont, table.storyList tbody tr td.greenFont a { color:#459300; } table.storyList tbody tr { background: #fff; } table.storyList tbody tr.alt-row { background: #f3f3f3; } table.storyList th, table.storyList td, table.storyList tr { vertical-align: baseline; } /************ Normal Table Style ************/ table.storyList { width:100%; margin-bottom:10px; border-collapse: collapse; } /************ Story Index Float ************/ .container { height: 209px; overflow: hidden; position: relative; width: 614px; } .container2 { height: 60px; overflow: hidden; position: relative; width: 232px; } .slider { position: absolute; } .slider li { display: inline; list-style: none outside none; } .slider img { display: block; height: 209px; width: 614px; } #idSlider img { display: block; height: 60px; width: 232px; } .slider2 { width: 3200px; } .slider2 li { float: left; } .num { bottom: 0; position: absolute; right: 5px; } .num li { background-color: #666666; border: 1px solid #666666; color: #FFFFFF; cursor: pointer; float: left; font-family: Arial; font-size: 12px; height: 16px; line-height: 16px; margin: 3px 1px; opacity: 0.7; overflow: hidden; text-align: center; width: 16px; } .num li.on { background-color: #A31022; border: 0 none; color: #FFFFFF; font-size: 16px; font-weight: bold; height: 21px; line-height: 21px; margin: 0 1px; width: 21px; }