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.
131 lines
11 KiB
CSS
131 lines
11 KiB
CSS
@charset "utf-8";
|
|
/* CSS Document */
|
|
.boxrelative{position:relative!important;}
|
|
#mainMenu ul.chNav li.destinations.active { background:url(https://data.chinahighlights.com/css/images/global/bg-nav-hover.png) repeat-x bottom !important; border-radius: 5px 5px 0 0; margin-top:-9px; padding-top:15px; }
|
|
sup, sub { font-style:italic; color:#fff; background:#a31022; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding:0 2px; }
|
|
.hotattractionType { margin:0 0 20px 0; }
|
|
.cityBlock { width:178px; float: left; display: block; margin: 0 15px 0 0; background:#d5d5d5; border-radius:4px; position:relative; padding-bottom:10px;}
|
|
.cityBlock .cityName { position: absolute; display: block; top:10px; left:10px; color:#fff; text-shadow:0 0 4px #000; font-size:15px;}
|
|
.cityBlock ul { margin: 0 0 0 10px;}
|
|
.cityBlock ul li { list-style: none; line-height:18px; background:url(https://data.chinahighlights.com/pic/doubleArrow.gif) no-repeat left; padding-left:12px;}
|
|
.cityBlock img { width:178px; margin-bottom:10px; border-top-left-radius:4px; border-top-right-radius:4px;}
|
|
.cityBlock a { color:#333; text-decoration: none;}
|
|
.cityBlock a:hover { color:#a31022; text-decoration: underline;}
|
|
.cityBlock.last { margin-right:0; float: right;}
|
|
/* main layout */
|
|
#contentLeft h2 { font-weight: normal; display: block; margin: 0 0 10px 0}
|
|
|
|
/* spotlight 4 guide home */
|
|
#spotlight { margin-bottom:15px; height:400px; position: relative; }
|
|
#spotlight a { text-decoration: none; }
|
|
#spotlight a:hover { text-decoration: underline; }
|
|
#spotlight .leftBox { position:relative; }
|
|
#spotlight .leftBox .leftTitle { position:absolute; font-size:16px; top:0px; left:10px; background:url(https://data.chinahighlights.com/css/images/bg-tour-highlights.png) repeat; color:#fff; padding:5px; width: 310px; }
|
|
#spotlight .leftBox .leftTitle a { color:#fff; }
|
|
#spotlight .leftBox img, .middleTop img, toprightBox img { width:100%;}
|
|
#spotlight .middleBox { position:relative }
|
|
#spotlight .middleBox .middleTop { width:175px; height:250px; position:relative; }
|
|
#spotlight .middleBox .middleTop .topTitle { position:absolute; font-size:16px; left:0; top:0; padding:5px; background:url(https://data.chinahighlights.com/css/images/bg-tour-highlights.png) repeat; width: 165px; }
|
|
#spotlight .middleBox .middleTop .topTitle a { color:#fff; }
|
|
#spotlight .toprightBox { position:relative }
|
|
#spotlight .toprightBox .toprightTitle { font-size:16px; position:absolute; top:0; left:10px; background:url(https://data.chinahighlights.com/css/images/bg-tour-highlights.png) repeat; padding:5px; width: 240px; }
|
|
#spotlight .toprightBox .toprightTitle a { color:#fff; }
|
|
#spotlight .bottomBox { margin-top:20px;}
|
|
#spotlight .bottomBox img { width:100%}
|
|
#spotlight .bottomBox .bottomTitle { position:absolute; bottom:1px; right:1px; font-size:16px; background:url(https://data.chinahighlights.com/css/images/bg-tour-highlights.png) repeat; padding:3px; width:265px; left: 174px; }
|
|
#spotlight .bottomBox .bottomTitle a { color:#fff; }
|
|
/* top cities */
|
|
#topCities { margin:10px 0; height:100%; overflow:hidden }
|
|
#topCities ul { float: left; width:170px; margin-right:10px; }
|
|
#topCities ul li { list-style:none; line-height:18px; margin-bottom:8px; background:url(https://data.chinahighlights.com/pic/doubleArrow.gif) no-repeat left; padding-left:12px; }
|
|
#topCities li.firstLetter { font-size:15px; background: none; padding:1px 0 1px 22px; display: block; margin:8px 0; background:url(https://data.chinahighlights.com/css/images/guide/bg-city/bg-a-z.jpg) no-repeat; }
|
|
#topCities li a { text-decoration: none }
|
|
#topCities li a:hover { text-decoration: underline; }
|
|
.travelVideo { margin-bottom:20px;}
|
|
.travelVideo p { margin: 0 0 8px 0!important }
|
|
.travelVideo ul li { list-style: none; line-height:16px; margin-bottom:5px; background:url(https://data.chinahighlights.com/pic/icon-red.gif) no-repeat left; padding-left:15px; }
|
|
.travelVideo ul li a { text-decoration: none;}
|
|
.travelVideo ul li a:hover { text-decoration: underline;}
|
|
.travelTips { margin: 0 0 20px 0; border:1px solid #d1d1d1; border-radius:2px; box-shadow:0 0 2px #333; padding:10px; }
|
|
.travelTips ul li { background:url(https://data.chinahighlights.com/pic/icon-red.gif) no-repeat left; }
|
|
.travelTips ul li a { text-decoration: none}
|
|
.travelTips ul li a:hover { text-decoration: underline;}
|
|
.chineseCulture { margin:0 0 20px 0; border:1px solid #d1d1d1; border-radius:2px; box-shadow:0 0 2px #333; padding:10px;}
|
|
.chineseCulture ul li { background:url(https://data.chinahighlights.com/pic/icon-red.gif) no-repeat left;}
|
|
.chineseCulture ul li a { text-decoration: none}
|
|
.chineseCulture ul li a:hover { text-decoration: underline;}
|
|
|
|
.readMore { display: block; text-align:right; background:url(https://data.chinahighlights.com/pic/doubleArrow2.gif) no-repeat right; padding-right:10px; clear:both; font-size:11px; font-style:italic;}
|
|
.readMore:hover { background:url(https://data.chinahighlights.com/pic/doubleArrow.gif) no-repeat right; }
|
|
/* auto news get */
|
|
.whatsNew { margin: 0 0 10px 0; border:1px solid #d1d1d1; border-radius:3px; }
|
|
.whatsNew .newsList { margin: 2px 0 }
|
|
.whatsNew .newsTitle { display: block; font-size:16px; margin: 0 0 8px 0; background:#f1f1f1; padding:5px; }
|
|
.whatsNew .moreNews { display: block; text-align:right; margin:5px 0; font-style:italic; }
|
|
.whatsNew ul { margin: 5px; }
|
|
.whatsNew ul li { list-style: none; background:url(https://data.chinahighlights.com/pic/doubleArrow2.gif) no-repeat left 6px; padding-left:12px; line-height:16px; margin-bottom:8px; }
|
|
.whatsNew ul li.all { background: none; text-align:right; font-style:italic; }
|
|
.whatsNew ul li a { text-decoration: none }
|
|
.whatsNew ul li a:hover { text-decoration: underline; }
|
|
.guide { background: url(https://data.chinahighlights.com/css/images/guide/bg-city/travelguide.jpg) no-repeat scroll right 10px transparent; }
|
|
.guideBanner { background: url(https://data.chinahighlights.com/css/images/guide/bg-city/travelguide.jpg) no-repeat scroll right 34px transparent; }
|
|
#sideBar .leftBox span.leftTitle { background: none repeat scroll 0 0 #E4E4E4;
|
|
font-size: 14px;
|
|
margin-bottom: 1px;
|
|
padding-left:5px;
|
|
padding-right: 35px;
|
|
padding-bottom: 5px;
|
|
padding-top: 5px;
|
|
}
|
|
/* nav left */
|
|
.navLeft { margin:0 0 20px 0; padding:0; border-top-width:5px; border-top-style:solid; border-top-color:#A31022 }
|
|
.navLeft ul { position:static; margin:0; padding:0 }
|
|
.navLeft li { list-style:none; margin:0; padding:5px 0; background:#fff; background:#fff url(https://data.chinahighlights.com/css/images/sprites.gif) no-repeat 8px -692px; line-height:20px; border-top:1px solid #fff; border-bottom:1px dotted #ccc; position:relative; display:block }
|
|
.navLeft li a { text-decoration: none;}
|
|
.highlights { font-size:13px; color:#a31022; font-family:Arial, Helvetica, sans-serif; font-weight:450; }
|
|
/* info right */
|
|
@media(min-width:1000px) {
|
|
.rightBox { padding:5px 0 13px 13px !important;}
|
|
.rightContent {border-left: 1px solid #c9c9c9 !important;}
|
|
}
|
|
.rightContent { border-left: none}
|
|
.rightContent .rightBox { padding:10px 0;border-bottom:1px solid #c9c9c9; height:100%; overflow:hidden }
|
|
.rightContent .rightBox img { width:100%}
|
|
.rightContent .rightBoxNews { border-bottom:1px solid #c9c9c9; padding:0 0 13px 13px; margin-bottom:10px; background:#f0f0f0; }
|
|
.rightContent .rightBoxNews .newsTitle { padding-top:8px; padding-left:5px; font-size:16px; }
|
|
.rightContent .rightBoxNews ol { margin:0; padding-left:0px; }
|
|
.rightContent .rightBoxNews ol li { list-style: none; list-style-position:outside; line-height:20px; margin-bottom:10px; }
|
|
.rightContent .rightBoxNews ol li .topNumber { background:url(https://data.chinahighlights.com/css/images/guide/bg-city/bg-top-number.png) no-repeat left; width:13px; height:15px; display: block; color:#fff; float: left; text-align:center; padding: 0 2px 6px 0; margin-right: 10px; font-size:12px; }
|
|
.rightContent .rightBoxNews ol li a { text-decoration: none; color:#336699; }
|
|
.rightContent .rightBoxNews ol li a:hover { text-decoration: underline; }
|
|
.rightContent .rightBoxNews ul { margin-left:0; }
|
|
.rightContent .rightBoxNews ul li { background:url(https://data.chinahighlights.com/css/images/drop-1.gif) no-repeat left 6px; padding-left:15px; list-style: none; line-height:20px; margin-bottom:5px; }
|
|
.rightContent .rightBoxNews ul li a { text-decoration: none; }
|
|
.rightContent .rightBoxNews ul li a:hover { text-decoration: underline; }
|
|
.rightContent .rightBox h4, .rightContent .rightBox h3 { font-size:16px; margin: 0 0 10px 0; font-weight: normal; color:#000 }
|
|
.rightContent .rightBox h4 a, .rightContent .rightBox h3 a { font-size:16px; text-decoration: none; color:#000 }
|
|
.rightContent .rightBox h4 a:hover, .rightContent .rightBox h3 a:hover { text-decoration: underline; color:#a31022; }
|
|
.rightContent .rightBox ol { margin:0; padding-left:15px; float:left; }
|
|
.rightContent .rightBox ol li { line-height:20px; margin-bottom:10px; font-size:14px; }
|
|
.rightContent .rightBox ol li .topNumber { background:url(https://data.chinahighlights.com/css/images/guide/bg-city/bg-top-number.png) no-repeat left; width:13px; height:15px; display: block; color:#fff; float: left; text-align:center; padding: 0 2px 6px 0; margin-right: 10px; font-size:12px; }
|
|
.rightContent .rightBox ol li a { text-decoration: none; }
|
|
.rightContent .rightBox ol li a:hover { text-decoration: underline; }
|
|
.rightContent .rightBox ul { margin-left:0; }
|
|
.rightContent .rightBox ul li { background:url(https://data.chinahighlights.com/css/images/drop-1.gif) no-repeat left 6px; padding-left:15px; list-style: none; line-height:20px; margin-bottom:5px; font-size:14px }
|
|
.rightContent .rightBox ul li a { text-decoration: none; }
|
|
.rightContent .rightBox ul li a:hover { text-decoration: underline; }
|
|
.rightContent .rightBox .titleh3 { font-size: 16px; margin: 0 0 10px 0; color: #000; font-family: Verdana, Geneva, sans-serif; width:100%; float:left; }
|
|
.sightsList .photoStyleIn {text-align:center; margin:5px 0 10px;padding:5px; background:#fff; border:1px solid #d1d1d1; border-radius:4px; }
|
|
.sightsList .photoStyleIn img { margin-bottom:5px; width:100%; }
|
|
.sightsList .photoStyleIn a { text-decoration: none; }
|
|
#search { position:absolute; z-index:1; right:-12px; top:30px; width:300px; height:33px; }
|
|
#search input.strkeys { width:240px; height:20px; line-height:20px; background:url(https://data.chinahighlights.com/css/images/tour/searchbg.jpg) no-repeat 0 0; float:left; border:none; padding:6px 0 7px 6px; font-family:Verdana, Geneva, sans-serif; color:#545454 }
|
|
#search input.submits { font-size:0; width:45px; height:33px; background:url(https://data.chinahighlights.com/css/images/tour/searchbg.jpg) no-repeat -246px 0; border:0; float:left; cursor:pointer; }
|
|
.sideBlock { background: none repeat scroll 0 0 #F1F1F1; border: 1px solid #D5D5D5; border-radius: 4px 4px 4px 4px; margin: 0 0 15px; padding: 10px; }
|
|
.sideBlock .sideTitle { border-bottom: 1px solid #333333; display: block; font-size: 16px; margin-bottom: 10px; padding-bottom: 5px; }
|
|
.sideBlock > ul { margin:0}
|
|
.sideBlock > ul li { line-height:18px; margin-bottom:10px; font-size:14px; list-style: none;}
|
|
.sideBlock > ul li a { text-decoration: none;}
|
|
.facts ul { margin:0}
|
|
.facts ul li { font-size:12px; line-height:18px; margin-bottom:5px; list-style: none; background:url(https://data.chinahighlights.com/pic/doubleArrow.gif) no-repeat left 5px; padding-left:12px;}
|