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.
1242 lines
85 KiB
CSS
1242 lines
85 KiB
CSS
@charset "utf-8";
|
|
/* CSS Document */
|
|
/* H2 H3 title style */
|
|
#mainContentRight h2.first { margin-top:0; }
|
|
#mainContentRight h2 { font-size: 28px; margin: 50px 0 30px; color:#444; }
|
|
h2 a { font-size: 28px;}
|
|
#mainContentRight h3 { font-size: 22px; margin: 40px 0 15px; font-weight:400; color:#444; }
|
|
#mainContentRight h3 strong { font-weight: normal !important }
|
|
#search { position: absolute; z-index: 1; right: -12px; top: -15px; width: 300px; height: 33px; }
|
|
#search input.strkeys { width: 240px; height: 20px; line-height: 20px; background-position: 0 0; background-repeat: no-repeat; 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-position: -246px 0; background-repeat: no-repeat; border: 0; float: left; cursor: pointer; }
|
|
ul.leftNav { margin: 0; background: #f9f9f9; margin-bottom: 10px; }
|
|
ul.leftNav li { line-height: 15px; padding: 10px 5px 10px 12px; list-style: none; border-bottom: 2px solid #fff; }
|
|
ul.leftNav li.mainTitle { background: #dfdfdf; padding: 10px 5px 10px 12px; color: #333; margin-bottom: 1px; border-bottom: none }
|
|
ul.leftNav li.mainTitle a { color: #333; text-decoration: none; }
|
|
ul.leftNav li.mainTitle a:hover { color: #a31022; }
|
|
ul.leftNav li a, ul.leftNav2 li a { color: #666 !important; text-decoration: none; display: block; }
|
|
ul.leftNav li a:hover, ul.leftNav2 li a:hover { color: #a31022; }
|
|
ul.leftNav li.active { background:url(https://data.chinahighlights.com/pic/arrow-10x16.png) no-repeat 95% center; color:#666 !important; padding-right:20px; }
|
|
ul.leftNav li.mainNav { background: #f1f1f1; padding: 7px 5px 8px 12px; font-size: 13px; color: #333; margin-bottom: 1px; border-bottom: none }
|
|
ul.leftNav li.subNav { padding: 5px 0 5px 30px; }
|
|
ul.leftNav.lessNav { border: none; margin-bottom: 15px; }
|
|
ul.leftNav li.subNav.active { background: #a31022; }
|
|
ul.leftNav li.subNav.active a { color: #fff!important }
|
|
.cityName { background: #dfdfdf; display: block; margin: 0 0 2px 0; padding: 6px 12px; border-top: 2px solid #a31022; font-size: 15px; }
|
|
.cityName a { text-decoration: none; font-size: 15px; }
|
|
.floatRight { float: right!important; margin-right: 0!important } /* for the second block float right, no margin right */
|
|
@media(max-width:760px) {
|
|
#sideBar {
|
|
margin: 35px -15px 30px;
|
|
}
|
|
ul.leftNav {
|
|
background: none;
|
|
margin-bottom: 0;
|
|
}
|
|
ul.leftNav li {
|
|
border-bottom: 1px solid #f1f1f1;
|
|
font-size: 16px;
|
|
}
|
|
ul.leftNav li:last-child {
|
|
border-bottom: none;
|
|
}
|
|
ul.leftNav li a {
|
|
padding: 15px 30px;
|
|
}
|
|
ul.leftNav li.active {
|
|
background: none;
|
|
border-top: none;
|
|
border-bottom: 1px solid #f1f1f1;
|
|
color: #555;
|
|
font-weight: normal;
|
|
}
|
|
ul.leftNav li.active a {
|
|
color: #555 !important;
|
|
}
|
|
ul.leftNav li.mainTitle {
|
|
padding: 15px 30px;
|
|
background: #f1f1f1;
|
|
}
|
|
.cityName {
|
|
padding: 15px 30px;
|
|
text-transform: uppercase;
|
|
margin-bottom: 1px;
|
|
letter-spacing: 0.1em;
|
|
}
|
|
.left_nav_bottom {
|
|
display: none !important;
|
|
}
|
|
#mainContentRight p {
|
|
line-height:30px !important;
|
|
margin-bottom:30px !important;
|
|
}
|
|
#contentMiddle img, #mainContentRight img {
|
|
border-radius:0!important;
|
|
}
|
|
}
|
|
/* left nav for culture */
|
|
ul.leftNav2 { margin: 0; background: #f9f9f9; }
|
|
ul.leftNav2 li { border-bottom: 1px solid #e4e4e4; line-height: 15px; padding: 6px 5px 6px 32px; list-style: none; border-bottom: 2px solid #fff; }
|
|
ul.leftNav2 li.mainTitle { border-left: 7px solid #a31022; background: #a1a1a1; padding: 7px 5px 8px 5px; font-size: 13px; font-weight: bold; color: #fff; border-bottom: 1px solid #a31022; margin-bottom: 1px; }
|
|
ul.leftNav2 li.active { color: #a31022; font-weight: bold; }
|
|
ul.leftNav2 li.subNav { padding: 5px 0 5px 36px; }
|
|
ul.infoUl { height: 100%; overflow: hidden; }
|
|
ul.infoUl li { width: 200px; display: block; float: left; }
|
|
.cityLogo { background: url("https://data.chinahighlights.com/css/images/guide/bg-city/bg-terracotta.gif") no-repeat; width: 260px; height: 762px; display: block; position: fixed; top: 150px; right: 0; }
|
|
#contentMiddle p { text-align: justify }
|
|
.photoRight { float: right; width: 250px; display: block; margin: 0 0 5px 15px; border-bottom: 1px dotted #d1d1d1; padding-bottom: 8px; }
|
|
.photoLeft { float: left; width: 250px; display: block; margin: 0 15px 5px 0; border-bottom: 1px dotted #d1d1d1; padding-bottom: 8px; }
|
|
.photoRight .photoTitle, .photoLeft .photoTitle { font-style: italic; }
|
|
.photoLeft300 { float: left; width: 300px; display: block; margin: 0 10px 5px 0; border-bottom: 1px dotted #d1d1d1; padding-bottom: 8px; font-style: italic }
|
|
.photoLeft300 img { margin-bottom: 8px; }
|
|
.photoRight img, .photoLeft img { width: 250px; margin-top: 0!important; display: block; margin-bottom: 8px; }
|
|
.photoBlock250 { border-bottom: 1px dotted #d1d1d1; padding: 5px 0 10px 0; font-style: italic; display: block; margin: 0 0 5px 10px; width: 250px; float: right; }
|
|
.questionContentCD { display: block; padding: 10px 20px; border: 1px solid #d6d6d6; border-radius: 4px; background: #e8e8e8; }
|
|
.sendButton { background: #bb202d none repeat scroll 0 0; border: medium none; border-radius: 4px; color: #fff; font-size: 14px; margin: 0 10px 15px 0; padding: 10px; text-align: center; text-shadow: 0 0 2px #000; width: 100%; }
|
|
.infoRequired p label { color: #777; cursor: text; font-size: 13px; left: 45px; top: 250px; margin: 0; padding: 0; position: absolute; }
|
|
.infoRequired input, select { background-color: #fff; border: medium none; border-radius: 4px; box-shadow: 0 0 2px #999; color: #333; font-family: Verdana, Geneva, sans-serif; font-size: 14px; margin-bottom: 10px; padding: 7px; width: 100%; margin-top: 10px; }
|
|
ul.tourList { padding: 0; margin-top: 15px; }
|
|
ul.tourList li { font-size: 13px; list-style: outside none none; margin-bottom: 10px; }
|
|
.promoPrice { color: #fff; font-size: 12px; margin: 0 0 5px; padding: 0; margin-bottom: 15px; margin-top: 15px; }
|
|
span.moneyfrom { color: #fff; font-size: 14px; vertical-align: 1.9em; }
|
|
span.moneyTyp { color: #fff; font-size: 20px; text-shadow: 0 0.04em 0.04em #545454; vertical-align: 1.1em; }
|
|
span.bestPrice { color: #fff; font-size: 40px; text-shadow: 0 0.04em 0.04em #545454; }
|
|
a.priceLink { padding: 0 20px 0 0; position: relative; }
|
|
.promoPrice a { color: #fff; }
|
|
.letterrow { border-top: 3px solid #f1f1f1; color: #fff; font-size: 13px; font-weight: bold; height: 40px; margin: 0 15px; padding-top: 8px; text-align: center; margin-bottom: 30px; margin-top: 55px; }
|
|
span.title { display: block; font-size: 18px; margin: 0 0 8px; }
|
|
.BookTitle { font-size: 18px; text-align: center; display: block; margin-bottom: 15px; }
|
|
.TourTitle { color: #a31022; font-size: 20px; text-align: center; display: block; margin-bottom: 5px; }
|
|
.TourTailor { display: block; text-align: center; color: #545454 !important; font-size: 14px; margin-bottom: 15px; }
|
|
@media(min-width:1000px) {
|
|
.photoBlock300 {
|
|
float: right !important;
|
|
margin-left: 20px !important;
|
|
width: 300px !important;
|
|
}
|
|
}
|
|
.photoBlock300 { border-bottom: 1px dotted #d1d1d1; padding: 5px 0 10px 0; font-style: italic; display: block; margin: 0 0 25px; width: 100%; float: none; position: relative }
|
|
.photoBlock400 { border-bottom: 1px dotted #d1d1d1; padding: 5px 0 10px 0; font-style: italic; display: block; margin: 0 0 25px 0; width: 400px; position: relative }
|
|
.photoBlock500 { border-bottom: 1px dotted #d1d1d1; padding: 5px 0 10px 0; font-style: italic; display: block; margin: 0 0 10px 0; width: 500px; position: relative }
|
|
.photoBlock300 .photoBy { background: rgba(0, 0, 0, 0.6); color: #d1d1d1; display: block; padding: 5px; position: absolute; bottom: 45px; right: 0; border-radius: 4px 0 0 4px; font-style: normal; }
|
|
.photoBlock250 img, .photoBlock300 img, .photoBlock400 img, .photoBlock500 img { display: block; clear: both; margin-bottom: 8px; max-width: 100%; border-radius: 4px; width: 100%; }
|
|
.videoRight300 { width: 300px; margin-left: 10px; float: right }
|
|
.jigsaw { display: block; margin: 10px 0 15px 0; height: 100%; overflow: hidden; }
|
|
.jigsaw img { display: block; clear: both; margin: 0 0 8px 0; }
|
|
.jigsaw span { float: left; width: 32%; margin-right: 5px; font-style: italic; padding-bottom: 5px; border-bottom: 1px dotted #d1d1d1; text-align: center; }
|
|
.rightContent { border-left: none; height: 100%; }
|
|
.rightContent .rightBox { border-bottom: none; padding: 5px 0 13px 0; height: 100%; overflow: hidden }
|
|
@media(min-width:1000px) {
|
|
.rightContent {
|
|
border-left: 1px solid #c9c9c9;
|
|
}
|
|
.rightBox {
|
|
border-bottom: 1px solid #c9c9c9 !important;
|
|
padding-left: 13px !important
|
|
}
|
|
.attrList {
|
|
height: 325px;
|
|
overflow: hidden
|
|
}
|
|
}
|
|
.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 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 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-left: 10px; padding-left: 15px; }
|
|
.rightContent .rightBox ol li { line-height: 20px; margin-bottom: 10px; font-size: 14px; }
|
|
.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 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; }
|
|
/* city display for province */
|
|
.cityLeft { padding: 5px 0 13px 5px; margin-bottom: 10px; background: #F9F9F9 }
|
|
.cityLeft .cityTitle { font-size: 16px; margin: 0 0 10px 0; font-weight: normal; display: block; }
|
|
.cityLeft ol { margin: 0; padding-left: 10px; }
|
|
.cityLeft ol li { list-style: none; list-style-position: outside; line-height: 20px; margin-bottom: 10px; }
|
|
.cityLeft ol li a { text-decoration: none; }
|
|
.cityLeft ol li a:hover { text-decoration: underline; }
|
|
#mainContentRight p { text-align: justify; }
|
|
@media(max-width:750px) {
|
|
#mainContentRight p {
|
|
text-align: left !important;
|
|
}
|
|
}
|
|
#mainContentRight p.News { background: #f1f1f1; }/* for the text info */
|
|
#sideBar .leftBox { background: #f6f6f6; padding: 0 0 10px 0; margin-bottom: 10px; }
|
|
#sideBar .leftBox ol { margin: 0 0 0 10px; padding-left: 0px; } /* for attraction detail */
|
|
#sideBar .leftBox ol li { list-style: none; list-style-position: outside; line-height: 20px; margin-bottom: 10px; }
|
|
#sideBar .leftBox ol li a { text-decoration: none; }
|
|
#sideBar .leftBox ol li a:hover { text-decoration: underline; }
|
|
#sideBar .leftBox .leftTitle { background: #e4e4e4; font-size: 12px; font-weight: bold; padding: 5px; margin: 15px 0 10px 0; display: block }
|
|
.rightContent .rightBox ol.hotelList { font-size: 11px; }
|
|
.rightContent .rightBox ol.hotelList li { line-height: 16px; height: 30px; }
|
|
.rightContent .rightBox ol.hotelList li.withImg { height: auto!important }
|
|
.redPrice12 { color: #a31022; font-size: 12px; }
|
|
.cityFacts { margin-bottom: 10px; }
|
|
.cityFacts .factsTitle { background: #e4e4e4; font-size: 14px; padding: 8px 5px; margin-bottom: 1px; }
|
|
.cityFacts .factsContent { background: #f9f9f9; padding: 5px 5px 10px 5px; }
|
|
.cityFacts .factsContent ul { margin-left: 0; }
|
|
.locationMap img { width: 100%; }
|
|
.cityWeather { display: block; position: absolute; right: -22px; top: -32px; width: 180px; color: #000; }
|
|
.cityWeather img { vertical-align: middle; margin-left: 5px; }
|
|
.cityWeather a { color: #000; text-decoration: none }
|
|
.cityWeather a:hover { color: #a31022; text-decoration: underline; }
|
|
.citySearch { width: 175px; height: 25px; margin: 15px 0 }
|
|
.citySearch .searchBox input { border: none; background: none; width: 130px; padding: 0 3px; color: #545454 }
|
|
.citySearch .searchButton { width: 26px; height: 25px; float: left; }
|
|
#weatherId { display: none; }
|
|
/* customer reviews */
|
|
#customerReview { margin: 10px 0; clear: both; }
|
|
.cityAttraction { margin: 10px 0 30px 0; border-top: 3px solid #CFCFCF; overflow: hidden; height: 100%; }
|
|
.cityAttraction h2 { display: block; clear: both; }
|
|
.cityAttraction .detailAttr { width: 150px; float: left; margin: 0 20px 0 10px; position: relative; }
|
|
.cityAttraction .detailAttr .attrTitle { font-size: 14px; color: #fff; display: block; position: absolute; bottom: 0; left: 0; padding: 5px 0; text-align: center; width: 150px; }
|
|
.cityAttraction .detailAttr img { width: 150px; height: 113px; }
|
|
/* attraction detail */
|
|
.latestUpdates { margin: 10px 0; font-style: italic; }
|
|
/* city attraction list */
|
|
.attractionList { margin: 15px 0; border: 1px solid #CFCFCF; border-radius: 5px; padding: 5px; text-align: center; position: relative; }
|
|
.attractionList a { text-decoration: none; }
|
|
.attractionList .discoverIcon { background: url(https://data.chinahighlights.com/pic/discover-more.PNG) no-repeat; width: 62px; height: 58px; display: block; position: absolute; right: -10px; top: -15px; }
|
|
.discoverInfo { position: relative }
|
|
.discoverInfo .discoverIcon { background: url(https://data.chinahighlights.com/pic/discover-more.PNG) no-repeat; width: 62px; height: 58px; display: block; position: absolute; right: -10px; top: -15px; }
|
|
.attractionList p { line-height: 18px!important; margin: 0!important }
|
|
.attractionList img { width: 100%; margin-bottom: 5px; }
|
|
.attractionList .summaryInfo p { text-align: justify }
|
|
.attractionList .summaryInfo .attractionName { font-weight: bold; display: block; margin-bottom: 10px; }
|
|
#cityAttraction ul { margin: 0; }
|
|
/* city map */
|
|
#contentMiddle img, #mainContentRight img { max-width: 100%; border-radius: 4px; height: auto; }
|
|
.locationMap2 { width: 200px; display: block; margin: 0 0 5px 10px; background: #e4e4e4; border: 1px solid #d1d1d1; padding: 5px; float: right; }
|
|
.locationMap2 .photoTitle { background: #fff; border: 1px solid #d1d1d1; display: block; padding: 5px; margin: 5px 0 0 0; text-align: center; }
|
|
.locationMap2 img { width: 200px; }
|
|
.mapBlock { display: block; margin: 0 0 15px 0; background: #e4e4e4; border: 1px solid #d1d1d1; padding: 5px; }
|
|
.mapBlock .photoTitle { background: #fff; border: 1px solid #d1d1d1; display: block; padding: 5px; margin: 0 0 10px 0; text-align: center; font-size: 18px; }
|
|
.mapBlock .photoTitle h2 { margin: 0!important }
|
|
.mapBlock img { max-width: 100%; }
|
|
.marginLeft { float: right; display: block; margin: 0 0 5px 10px; border: 1px solid #D1D1D1; background: #E4E4E4; padding: 5px; border-radius: 2px; }
|
|
.mapDetail { margin: 0 0 10px 0; }
|
|
.mapDetail img { max-width: 100%; }
|
|
/* city weather style */
|
|
.weatherTips { width: 94%; position: relative; -moz-border-radius: 6px; border: #d1d1d1 1px solid; line-height: 20px; margin: 15px 0 10px 0; padding: 13px 20px 10px 15px; background: url(https://data.chinahighlights.com/css/images/guide/bg-weather.gif) no-repeat right 5px; }
|
|
table.weatherTable tr th { background: url(https://data.chinahighlights.com/css/images/guide/bg-weather-forecast.gif) top left; text-align: left; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; font-size: 14px; color: #555; padding: 5px; }
|
|
.slideText { color: #999; font-family: Arial, Helvetica, sans-serif; display: block; margin: 5px 0; }
|
|
table.weatherTable .noneBorderright { padding: 40px 0 0 20px; }
|
|
table.weatherTable tr td { text-align: top left; padding: 2px 5px 2px 19px; background: #f1f1f1; }
|
|
table.weatherTable tr td p { line-height: 11px!important; margin-bottom: 4px!important; font-size: 10px!important; }
|
|
table.weatherTable tr td.withLine { border-left: 1px solid #c9c9c9; }
|
|
table.averageWeather { border-left: 1px solid #c9c9c9; margin: 0px 0 10px 0; }
|
|
table.averageWeather tr th { font-size: 11px; border-bottom: 1px #D9D9D9 solid; border-top: 1px #D9D9D9 solid; border-right: 1px solid #D9D9D9; text-align: center }
|
|
table.averageWeather tr th a { color: #545454; }
|
|
table.averageWeather tr th.month { padding: 12px 3px 12px 3px; }
|
|
table.averageWeather tr th.jan { background: #b4e7ff; }
|
|
table.averageWeather tr th.feb { background: #76cbf3; }
|
|
table.averageWeather tr th.mar { background: #76e6f3 }
|
|
table.averageWeather tr th.apr { background: #96e39c; }
|
|
table.averageWeather tr th.may { background: #99c473; }
|
|
table.averageWeather tr th.jun { background: #ffde01; }
|
|
table.averageWeather tr th.jul { background: #ffa801; }
|
|
table.averageWeather tr th.aug { background: #ff6701; }
|
|
table.averageWeather tr th.sep { background: #ff8972; }
|
|
table.averageWeather tr th.oct { background: #da8271; }
|
|
table.averageWeather tr th.nov { background: #c8873a; }
|
|
table.averageWeather tr th.dec { background: #bea281 }
|
|
table.averageWeather tr td { font-size: 11px; padding: 6px; text-align: center; border-right: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; }
|
|
table.averageWeather tr.gray { background-color: #f6f6f6; }
|
|
table.averageWeather tr td.roundBottomRight { -moz-border-radius-bottomright: 5px; }
|
|
.tourpicIntro a:hover { color: #a31022; text-decoration: none; }
|
|
ul.monthlyClimate { margin-top: 10px; }
|
|
ul.monthlyClimate li { width: 200px; float: left; }
|
|
ul.climateMonth { margin: 10px 0 10px 0; height: 100%; overflow: hidden; }
|
|
ul.climateMonth li { line-height: 25px;
|
|
margin-bottom: 10px;
|
|
background: url(https://data.chinahighlights.com/pic/square.png) no-repeat 0 10px;
|
|
padding: 0 0 0 20px; }
|
|
ul.climateMonth li a { color: #545454; font-weight: normal; }
|
|
ul.climateMonth li a.underline { color: #545454; text-decoration: underline; }
|
|
ul.climateMonth li a:hover { text-decoration: none; }
|
|
/* top things to do */
|
|
.area { position: relative; -moz-border-radius: 3px; border: 1px solid #d1d1d1; line-height: 20px; margin: 25px 0 10px 0; padding: 13px 10px 0 10px; width: 350px; float: left; height: 190px; }
|
|
.area ul { clear: both!important; }
|
|
.area .areaHead { padding: 0 6px; background-color: #fff; position: absolute; left: 10px; top: -12px; font-size: 18px; }
|
|
.area .areaHead a { color: #545454; text-decoration: none; font-size: 18px; }
|
|
.area img { margin: 7px 15px 0 0 }
|
|
.area .imgright { margin-left: 8px; }
|
|
.area p { margin: 0px; }
|
|
.topToDo { position: relative; line-height: 20px; margin: 25px 0 0 0; padding: 13px 0 0 0; clear: both; }/* for top reasons to visit city */
|
|
.topToDo ul { clear: both!important; margin-left: 140px; }
|
|
.topToDo .areaHead { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; background: #e2e2e2!important; padding: 6px 0 6px 15px; border-left: 8px #bdbdbd solid; margin-bottom: 15px; display: block; clear: both; }
|
|
.topToDo .areaHead a { color: #545454; text-decoration: none; font-size: 18px; }
|
|
.topToDo img { margin: 7px 15px 0 0!important }
|
|
.topToDo .imgright { margin-left: 8px; }
|
|
.topToDo p { margin: 0px; }
|
|
.provMapList { color: #6b6b6b; padding: 0; margin: 0 15px 10px 10px; width: 160px; height: 140px; float: left; }/* for province detail map */
|
|
.provMapList img { width: 150px; height: 113px; margin-bottom: 5px; }
|
|
.provMapList .mapTitle a { color: #6b6b6b; text-decoration: none; font-size: 11px; background: url(https://data.chinahighlights.com/css/images/map/big-map.gif) no-repeat top left; padding-left: 15px; }
|
|
.provMapList .mapTitle a:hover { text-decoration: underline; color: #a03; }
|
|
/* tour style for City Guide */
|
|
h2.blackTitle { color: #333; }
|
|
.citytourList { float: left; width: 350px; height: 95px; border: 1px solid #d1d1d1; padding: 10px; border-radius: 4px; margin-bottom: 10px; }
|
|
.citytourList .tourTitle { display: block; margin: 0 0 10px 0; font-size: 15px; }
|
|
.citytourList .tourTitle a { text-decoration: none; }
|
|
.citytourList h4 a { color: #545454; margin: 0 0 8px 0; text-decoration: none; display: block; font-size: 15px; font-weight: normal; }
|
|
.citytourList .tourImage { float: left; width: 120px; border: 1px solid #d1d1d1; margin: 0 8px 5px 0; padding: 2px }
|
|
.citytourList .tourImage img { width: 120px; height: 90px }
|
|
.citytourList .tourlistContent { float: right; width: 215px; height: 100px; overflow: hidden; }
|
|
.citytourList .tourlistContent ul { margin-left: 0; }
|
|
.citytourList .tourlistContent ul li { list-style: none; font-size: 11px; line-height: 18px; margin-bottom: 5px }
|
|
.citytourList .tourlistContent ul li.attrList { height: 75px; display: block; overflow: hidden; }
|
|
.citytourList .tourPrice { padding-left: 5px; margin-right: 10px; font-size: 11px; line-height: 18px; clear: both; width: 215px; }
|
|
.citytourList .tourPrice .priceFrom { float: left; display: block; width: auto; margin: 15px 100px 0 0; }
|
|
.citytourList .tourPrice span { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #a31022; }
|
|
.citytourList .tourPrice span strong { color: #545454; font-size: 12px; }
|
|
.citytourList .tourPrice img { margin-top: 5px }
|
|
/* Toptour new */
|
|
.citytourList h4 { display: block; margin: 0 0 10px 0; font-size: 15px; }
|
|
.citytourList img { float: left; width: 120px; border: 1px solid #d1d1d1; margin: 0 8px 5px 0; padding: 2px; width: 120px; height: 90px }
|
|
.citytourList ul { float: right; width: 215px; height: 100px; overflow: hidden; }
|
|
.citytourList ul li { height: 34px; line-height: 34px; }
|
|
.citytourList ul li span { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #a31022; }
|
|
.citytourList ul li strong { color: #545454; font-size: 12px; padding-top: 15px; }
|
|
.citytourList ul li span img { margin-top: 5px; width: 102px; height: 34px; border: none; float: right; margin: 0; padding: 0; }
|
|
/* end of Toptour new */
|
|
|
|
.moreCityTours { display: block; float: right; }
|
|
.moreCityTours a { font-size: 12px; color: #545454; }
|
|
#loadBox { background: url(https://data.chinahighlights.com/pic/loadBg.gif) repeat-x center; height: 39px; overflow: hidden; } /* for attraction list */
|
|
/* recommendation list */
|
|
.recommendFestival h2 { margin: 0; padding: 10px 10px 10px 22px; margin: -10px; -moz-border-radius: 5px; }
|
|
.recommendFestival .festivalInfo { padding: 5px 0 15px 0; border-bottom: 1px dashed #d1d1d1; margin: 10px 0; line-height: 24px; display: table }
|
|
.recommendFestival .festivalInfo .leftInfo { width: 120px; float: left; margin: 10px 15px 0 0; }
|
|
.recommendFestival .festivalInfo .leftInfo img { width: 120px; margin: 0 5px 0 0; border: 0; }
|
|
|
|
|
|
/* recommendation tour 2019 */
|
|
.tourrecommendtop {border-radius: 4px; clear: both; height: 258px; margin-bottom: 30px;}
|
|
.toptourimg {padding-right: 0;}
|
|
.toptourimg img.toptourcover {float: left; height: 230px; width: 100%; border-radius: 4px 0 0 4px;}
|
|
.toptourdetail {padding-left: 0;
|
|
height: 100%;}
|
|
.topdetail {background: #f1f1f1; padding: 20px;
|
|
height: 100%; border-radius: 0 4px 4px 0;}
|
|
.recotourtitle {display: block; font-size: 22px; font-weight: 600; margin-bottom: 15px; color:#000;}
|
|
.recotourtitle a { text-decoration: none;}
|
|
.recotourtitle a:hover { color: #a31022;}
|
|
.recotourday {color:#000; text-transform: uppercase; font-size: 18px;display: block;}
|
|
.recotourplace {color: #555; font-size: 16px;display: block;margin-top: 10px;}
|
|
.recotourbutton {background: #a31022; color:#fff; font-size: 15px; text-transform: uppercase; padding: 8px 20px; margin-top: 15px;
|
|
display: inline-block; border-radius: 4px; width: 160px;
|
|
text-align: center;}
|
|
.tourrecobm {margin-bottom: 20px;}
|
|
.tourrecobm img.bmtourcover {border-radius: 4px 4px 0 0; height: 210px;}
|
|
.tourbmdetail {background: #f1f1f1; border-radius: 0 0 4px 4px; padding:20px;}
|
|
.tourbmname {color: #000; font-size:20px; font-weight: 300; display: block;}
|
|
.tourbmname a { text-decoration: none;}
|
|
.tourbmname a:hover { color: #a31022;}
|
|
.tourbmday {border:1px solid #555; padding: 2px 8px; font-size: 15px; color: #555; border-radius: 4px; margin-top: 10px;
|
|
display: inline-block;}
|
|
.tourbmview {color:#a31022; float: right; display: inline-block;
|
|
margin-top: 20px;
|
|
font-size: 16px;}
|
|
.tourbmview .fa {margin-left: 10px;}
|
|
|
|
|
|
a.recoarticlelink {margin-bottom:0; height:100%; color: #fff;
|
|
text-decoration: none; width: 100%;display: block;}
|
|
.articlereco {position: relative; height: 100%;}
|
|
.reconame {display: block;
|
|
font-size: 27px;
|
|
font-weight: 300;
|
|
width: 50%;
|
|
line-height: 25px;
|
|
padding: 15px 0 0 15px;}
|
|
.recoday {display: block;
|
|
font-size: 16px;
|
|
margin: 8px 0;
|
|
padding-left: 15px;}
|
|
.recomore {text-transform: uppercase; font-size: 16px; padding-left: 15px;}
|
|
.recomore .fa {margin-left: 5px;}
|
|
a.recoarticlelink:hover {
|
|
margin-bottom: 0;
|
|
width: 100%; color:#fff; text-decoration: underline; }
|
|
.recobg {position: absolute;
|
|
background: url(https://data.chinahighlights.com/pic/article/article-reco-middle-bg.png) no-repeat left 0;
|
|
color: #fff;
|
|
bottom: 0;
|
|
padding: 0;
|
|
border-radius: 4px;
|
|
top: 4px;
|
|
width: 100%;
|
|
height: 100%;}
|
|
.recotourbg {position: absolute;
|
|
width: 100%;
|
|
top: 0;
|
|
height: 100%;
|
|
background: rgba(0,0,0,.31);
|
|
color: #fff;
|
|
text-shadow: 1px 1px 1px #000;}
|
|
.inforeco {position: relative;height: 100%;display: inline-block;}
|
|
.infotmdetail {display: block; border-bottom:1px solid #f1f1f1; padding-bottom: 40px; margin-top: 50px; clear: both;}
|
|
.infotmword {font-size: 25px; font-weight:300; text-align:center; display: block;margin-bottom: 20px;}
|
|
.infotmbt {font-size: 20px; font-weight:300; text-align:center; display: block;}
|
|
.infotmbt a {color:#a31022;}
|
|
.infotmbt .fa{ margin-left: 10px;
|
|
font-size: 23px;}
|
|
@media(max-width:750px) {
|
|
.toptourimg { padding-right:15px; }
|
|
.toptourdetail { padding-left: 15px; margin-bottom: 20px;}
|
|
.recobg {position: absolute; background: rgba(0,0,0,0.41); color: #fff; width: 100%; height: 100%; bottom:0; padding: 0; margin-top: -7px; border-radius: 4px;}
|
|
.reconame {width: 100%;}
|
|
.articlereco {height: 100%;}
|
|
a.recoarticlelink {height:100%; display: block;}
|
|
}
|
|
|
|
/* Love Day */
|
|
.heartIcon { background:url(https://data.chinahighlights.com/image/travelguide/culture/zodiac/search-heart.png) no-repeat left; padding-left:50px;}
|
|
#ani_tab { overflow: hidden; height: 100%; background: #e4e4e4; padding: 20px 20px 30px; border-radius: 4px; }
|
|
#ani_tab .searchtitle {font-size: 25px; display: block; font-weight:300; }
|
|
#ani_tab .test { font-size: 16px; color: #777777; }
|
|
#ani_tab .aniTab1 { margin-top: 45px; margin-left: 50px; font-weight: bold; }
|
|
#ani_tab .aniTab2 { font-size: 14px; }
|
|
#ani_tab .aniTab2 input { width: 100%; color: #555; margin-top: 5px; }
|
|
#ani_tab .aniTab3 { margin-top: 8px; font-size: 14px; }
|
|
#ani_tab .aniTab3 select.day { width: 37px; margin-top: 5px; font-size: 13px; }
|
|
#ani_tab .aniTab3 select { width: 37px; font-size: 13px; }
|
|
#ani_tab .girlname { display: block; overflow: hidden}
|
|
#ani_tab .girlname span { color:#a31022; font-size:14px;display: block; padding-top:15px;}
|
|
#ani_tab .boyname { display: block; overflow: hidden; margin:15px 0 -10px;}
|
|
#ani_tab .boyname span {font-size:14px; display: block; padding-top:15px;}
|
|
#ani_tab .heart { padding-top: 40px; }
|
|
#ani_tab .aniTab4 { font-size: 14px; }
|
|
#ani_tab .aniTab5 { margin-top: 10px; display: block; padding-top:35px; }
|
|
#ani_tab .aniTab5 input[type="submit"] { display: block; background:url(https://data.chinahighlights.com/pic/heart-arrow.png) no-repeat 85% center #a31022; width:100%; padding:10px 40px 10px 10px; color:#fff; border: none; border-radius:4px;}
|
|
#ani_tab input[type="text"] { display: block; background:#fff; width:100%; padding:8px 10px; border: 1px solid #d1d1d1; border-radius:4px; font-size:14px;}
|
|
.loveDay_banner { background: url("https://data.chinahighlights.com/css/images/banner/china-guide/loveDay_banner.jpg") repeat-x scroll center 20px transparent; }
|
|
.ani_table { width: 100%; font-size: 14px; border-top: 1px solid #d1d1d1; margin: 15px 0; }
|
|
.ani_table th { border-bottom: 1px solid #d1d1d1; padding: 10px }
|
|
.ani_table td { border-bottom: 1px solid #d1d1d1; padding: 10px; line-height: 20px; vertical-align: top }
|
|
.ani_table td a { color: #0f76ea; }
|
|
.ani_table td a:hover { color: #a31022; text-decoration: none; }
|
|
.matchNo { color: #a31022; font-weight: bold; }
|
|
.picturepromo { width: auto; float: right; margin: 0 0 5px 10px; }
|
|
@media(max-width:750px) {
|
|
input[type="date"]:before {
|
|
color: #A9A9A9;
|
|
content: attr(placeholder);
|
|
font-weight: normal;
|
|
font-size: 14px;
|
|
}
|
|
.recommendFestival .festivalInfo .rightInfo {
|
|
width: auto !important;
|
|
margin-left: 0 !important;
|
|
}
|
|
}
|
|
.recommendFestival .festivalInfo .rightInfo { width: 750px; float: left; margin: 0 0 0 10px; }
|
|
.recommendFestival .festivalInfo .rightInfo h3 { margin: 0 !important; }
|
|
.recommendFestival .festivalInfo .rightInfo h3 a { text-decoration: underline; color: #545454; }
|
|
.recommendFestival .festivalInfo .rightInfo h3 a:hover { text-decoration: none; color: #a31022 }
|
|
.recommendFestival .festivalVideo { margin: 15px 0 0 0; }
|
|
.recommendFestival .festivalVideo .videoInfo { border: 1px solid #f1f1f1; padding: 5px; margin: 0 12px 5px 0; width: 158px; text-align: center; float: left; }
|
|
.recommendFestival .festivalVideo .videoInfo a { text-decoration: underline; color: #545454; }
|
|
.recommendFestival .festivalVideo .videoInfo a:hover { text-decoration: none; color: #a31022; }
|
|
.recommendFestival .festivalVideo .videoInfo img { width: auto; margin-bottom: 5px; }
|
|
#festivalflightSechedule { width: 100%; }
|
|
/* for Tibet New */
|
|
.picturepromo { float: right; margin: 0 0 5px 10px; width: 250px; height: auto; border-bottom: 1px dotted #CCC; }
|
|
.picturepromo2 { float: right; margin: 5px 5px 8px 10px; padding: 4px; width: 300px; height: auto; border: 1px solid #CCC; background: #f9f9f9; }
|
|
.picturepromo:hover, .picturepromo2:hover { background: #fff; }
|
|
.promoword { padding: 5px; color: #555; font-size: 11px; width: 250px; line-height: 12px; }
|
|
.picturepromo img { width: 250px; height: auto; position: top 3px; margin-bottom: 5px; }
|
|
.picturepromo2 img { width: 300px; height: auto; position: top 0px; }
|
|
/* city ads box */
|
|
.leftPromoBox { margin: 10px 0; }
|
|
.leftPromoBox img, .middlePromoBox img, .rightPromoBox img, .commonRightPromo img { width: 100%; }
|
|
.middlePromoBox { margin: 10px 0; }
|
|
.rightPromoBox { margin: 10px 0; }
|
|
.rightPromoBox img { border-radius: 4px; }
|
|
.commonRightPromo { margin: 10px 0; }
|
|
/* attraction in the city */
|
|
.attractioninCity { margin: 10px 0; }
|
|
.attractioninCity .selectedAttr { margin: 5px 0; border-bottom: 1px solid #d1d1d1; margin-bottom: 15px; height: 100%; overflow: hidden; padding: 0 0 10px 0; }
|
|
.attractioninCity .selectedAttr .imgLeft { width: 150px; float: left; margin: 0; }
|
|
.attractioninCity .selectedAttr .attrInfo { width: 365px; float: right; }
|
|
.attractioninCity .selectedAttr .attrTitle { display: block; margin: 0 0 10px 0; font-size: 14px; }
|
|
.attractioninCity .moreAttr { display: block; text-align: right; margin: 5px 0 0 0; padding-right: 10px; }
|
|
.quote { background-color: #F1F1F1; border-left: #a31022 5px solid; padding: 5px 5px 5px 12px; margin-bottom: 10px; clear: both; }
|
|
/* weather table style */
|
|
table.monthWeather { margin: 0 15px;
|
|
border-left: 1px solid #d1d1d1;
|
|
border-spacing: 0;
|
|
margin-bottom: 50px;}
|
|
table.monthWeather th { background: #313131;
|
|
padding: 15px 10px;
|
|
border-top: 1px solid #d1d1d1;
|
|
border-right: 1px solid #d1d1d1;
|
|
border-bottom: 1px solid #d1d1d1;
|
|
font-size: 20px;
|
|
line-height: 23px;
|
|
color: #fff; }
|
|
table.monthWeather th a { color: #000; }
|
|
table.monthWeather th a:hover { text-decoration: underline; color: #fff; }
|
|
table.monthWeather tr td { padding: 15px;
|
|
border-right: 1px solid #c9c9c9;
|
|
border-bottom: 1px solid #c9c9c9;
|
|
font-size: 18px;
|
|
line-height: 22px; }
|
|
table.monthWeather tr:nth-child(odd) td {
|
|
background:#f6f6f6;
|
|
}
|
|
table.monthWeather tr.gray { background-color: #f6f6f6; }
|
|
table.monthWeather tr td.roundBottomRight { -moz-border-radius-bottomright: 5px; }
|
|
table.monthWeather td a { border-bottom: 2px solid #b3b3b3;}
|
|
table.monthWeather td a:hover { background: #df8787; transition: 1s; }
|
|
|
|
/* train travel style */
|
|
.photoArea { width: auto; margin: 0 5px; float: right; font-size: 11px; color: #666; line-height: 14px; }
|
|
.photoArea a { color: #545454; }
|
|
.trainInfo { background: #f6f6f6; padding: 10px; }
|
|
.trainInfo h3 { font-size: 13px; font-weight: bold; margin: 0 0 10px 0; }
|
|
.trainInfo h2 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; margin: 0 0 20px 10px; }
|
|
.trainInfo ul { margin: 0px 0 0 5px; }
|
|
.trainInfo ul li { list-style: none; background: url(https://data.chinahighlights.com/pic/quote-left.png) no-repeat left top; padding-left: 28px; line-height: 20px; margin-bottom: 10px; }
|
|
.trainInfo ul li span.tipT { font-style: italic; }
|
|
.trainInfo ul li a { font-size: 14px; font-style: italic; }
|
|
.trainInfo ul li a:hover { color: #a31022; text-decoration: underline; }
|
|
.trainRoute { border: 1px solid #d1d1d1; margin: 10px 0 10px 0; padding: 0 0 10px 0; height: 100%; overflow: hidden; }
|
|
.trainRoute h2 { margin: 0 0 10px 0!important; background: #f1f1f1; font-size: 16px; font-weight: 100; padding: 5px 0 5px 10px }
|
|
.trainRoute .trainPic { width: 200px; float: left; padding: 0 0 0 10px; }
|
|
.trainRoute .trainRouteInfo { width: 530px; float: right; padding: 0 10px 0 0; }
|
|
.trainRoute .trainRouteInfo ul { margin-left: 0; }
|
|
.trainRoute .trainRouteInfo ul li { line-height: 18px; margin-bottom: 10px; list-style: none; width: 150px; float: left; padding-left: 12px; font-size: 11px; }
|
|
.trainVideo { padding: 5px; border: 1px solid #d1d1d1; background: #f1f1f1; font-size: 11px; line-height: 18px; margin-bottom: 10px; }
|
|
.trainVideo a { color: #545454; }
|
|
.historyCulture { margin: 10px 0; height: 100%; overflow: hidden; }
|
|
.historyCulture h2 { margin: 0 0 10px 0!important; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; }
|
|
.historyCulture ul { margin-left: 0; padding-left: 0; }
|
|
.historyCulture ul li { line-height: 18px; margin-bottom: 5px; list-style: none; }
|
|
.historyCulture ul li a { color: #666; }
|
|
.historyCulture ul li a:hover { color: #a31022; text-decoration: none; }
|
|
.cultureBox ul li h3 { font-size: 12px; font-weight: normal; }
|
|
.historyBox { width: 350px; float: left; padding: 10px; border: 1px solid #d1d1d1; }
|
|
.historyBox ul { margin-left: 0; }
|
|
.historyBox ul li { line-height: 18px; margin-bottom: 10px; list-style: none; width: 140px; float: left; padding-left: 12px; font-size: 11px; }
|
|
.cultureBox { width: 350px; float: right; border: 1px solid #d1d1d1; padding: 10px; margin-right: 5px; }
|
|
.cultureBox ul { margin-left: 0; }
|
|
.cultureBox ul li { padding-left: 12px; }
|
|
.cultureBox ul li a { font-size: 11px; display: block; clear: both; font-weight: bold; }
|
|
.cultureBoxh3 { font-size: 12px; font-weight: normal; }
|
|
.cultureBox p { font-size: 11px; color: #7D7D72; font-style: italic; line-height: 14px; }
|
|
/* weather index style */
|
|
table.weatherTable tr th { background: url(https://data.chinahighlights.com/css/images/guide/bg-weather-forecast.gif) top left; text-align: left; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; font-size: 14px; color: #555; padding: 5px; }
|
|
table.weatherTable .noneBorderright { padding: 40px 0 0 20px; }
|
|
#content #mainContent .weatherTable td p { line-height: 15px; margin-bottom: 2px; }
|
|
table.weatherTable tr td { text-align: top left; padding: 2px 5px 2px 19px; background: #f1f1f1; }
|
|
table.weatherTable tr td p { line-height: 11px!important; margin-bottom: 4px!important; font-size: 10px!important; }
|
|
/* contents style for monthly weather */
|
|
#contents { border: 1px solid #d1d1d1; background: #f1f1f1; padding: 5px; width: 400px; display: block; position: relative; margin: 0 0 5px 0; }
|
|
#contents .contentsTitle { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; text-align: center; display: block; margin-bottom: 10px; }
|
|
#contents ol { margin-left: 15px; padding-left: 10px; }
|
|
#contents ol li { line-height: 15px; margin-bottom: 8px; list-style: decimal }
|
|
#contents ul { margin-left: 10px; }
|
|
#contents ul li { list-style: none; background:url(https://data.chinahighlights.com/pic/square-gray.gif) no-repeat left; padding-left: 12px; line-height: 18px; margin-bottom: 8px; }
|
|
#contents ol li ul { margin-left: 0 }
|
|
#contents ol li li { background: none!important; padding-left: 0 }
|
|
#contents a { text-decoration: none; color: #545454; }
|
|
#contents a:hover { text-decoration: underline; color: #a31022; }
|
|
#contents .closeBox { position: absolute; right: 5px; top: 5px; display: block; cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-size: 15px; background: #d1d1d1; color: #000; padding: 0 5px; }
|
|
#contents .closeBox:hover { background: #f1f1f1; }
|
|
/* city index page news */
|
|
.publishDate { font-style: italic; font-size: 11px; }
|
|
ul.topNews li a { font-weight: bold; text-decoration: none; }
|
|
.rightTitle { display: block; font-size: 16px; margin: 0 0 10px 0; }
|
|
.tipInfo { margin: 15px 0; padding: 10px; color: #666; border: 2px solid #d1d1d1; border-radius: 3px; clear: both; } /* tips style for attraction detail */
|
|
.tipInfo .tipTitle { font-size: 17px; display: block; margin: 0 0 10px 0; background:url(https://data.chinahighlights.com/pic/icon-docs-info-red.jpg) no-repeat left 6px; padding-left: 20px; }
|
|
.tipInfo p { line-height: 18px!important; }
|
|
ul.otherCityMap, ul.otherMapAllLine { margin: 0px 10px 10px 5px; }/* for ancient map */
|
|
ul.otherCityMap li { background: url(https://data.chinahighlights.com/css/images/arrow-5.gif) no-repeat left 3px; list-style: none; padding-left: 15px; margin-bottom: 10px; font-size: 11px; display: block; width: 140px; float: left; }
|
|
.smallmaptable img { max-width: 765px; } /* city map for use */
|
|
/* china history */
|
|
h2.history { font-size: 18px; color: #545454; font-weight: normal; margin: 0px 0 10px 0; padding: 15px 0 15px 75px; background: url(https://data.chinahighlights.com/image/travelguide/history/horse.png) no-repeat left 5px; border-bottom: none; }
|
|
.historyP { width: 120px; float: left; margin-right: 20px; margin-bottom: 30px; font-size: 11px; font-weight: bold; border: #d1d1d1 solid 1px; padding: 5px; }
|
|
.historyP.last { margin-right: 0; }
|
|
.historyP a { font-weight: bold; }
|
|
.historyP a:hover { text-decoration: none; color: #a31022; }
|
|
.historyP img { margin-bottom: 5px; }
|
|
.historyPTitle { width: auto; float: none; font-weight: normal; padding-top: 5px; padding-left: 5px; padding-bottom: 5px; }
|
|
.historyPTitle a { text-decoration: underline; color: #545454; }
|
|
/*accommodation promo*/
|
|
.accommodationPromo { margin: 0px 0 10px 0; position: relative; width: 220px; z-index: 30; }
|
|
.accommodationPromoS { margin: 0px 0 10px 0; position: relative; width: 175px; z-index: 30; }
|
|
.accommodationPromo .promoWords { left: 8px; position: absolute; top: 20px; }
|
|
.accommodationPromoS .promoWords { left: 8px; position: absolute; top: 5px; }
|
|
.accommodationPromo .promoWords p a { color: #B22020 !important; font-size: 24px; line-height: 28px; text-decoration: none; }
|
|
.accommodationPromoS .promoWords p a { color: #B22020 !important; font-size: 18px; line-height: 20px; text-decoration: none; }
|
|
/*.mapGuide { background: url(https://data.chinahighlights.com/css/images/guide/bg-city/banner-travel-info.jpg) no-repeat scroll right 30px transparent; }
|
|
.cityGuide { background: url(https://data.chinahighlights.com/css/images/guide/bg-city/cityguide.jpg) no-repeat scroll right 10px transparent; }
|
|
.chinaBest { background: url(https://data.chinahighlights.com/css/images/guide/bg-city/chinabest.jpg) no-repeat scroll right 10px transparent; }*/
|
|
/* info about author */
|
|
.tourPublisher { float: left; background: url(https://data.chinahighlights.com/css/images/community/publish-info/publisher-info.gif) no-repeat top left; padding: 20px 53px 18px 30px; }
|
|
.firstPostInfo { font-size: 11px; padding: 15px 0 0 0; }
|
|
.firstPostInfo a { color: #545454; }
|
|
.infoPublisher { float: left; background: url(https://data.chinahighlights.com/css/images/community/publish-info/publisher-info.gif) no-repeat -400px top; padding: 20px 10px 15px 30px; }
|
|
.tourPublisher .publishPic, .infoPublisher .publishPic { width: 70px; height: 70px; float: left; margin-right: 5px; }
|
|
.tourPublisher .publishPic img, .infoPublisher .publishPic img { width: 70px; height: auto; }
|
|
.tourPublisher .publishintro, .infoPublisher .publishintro { width: 250px; float: left; font-size: 11px; line-height: 22px; color: #664a15; }
|
|
.tourPublisher .publishintro a, .infoPublisher .publishintro a { color: #664a15; }
|
|
.tourPublisher .sendFeedback, .infoPublisher .sendFeedback { font-size: 11px; margin-top: 6px; }
|
|
.tourPublisher .sendFeedback a, .infoPublisher .sendFeedback a { display: block; width: 300px; background:url(https://data.chinahighlights.com/css/images/community/publish-info/feedback.gif) no-repeat 5px top; padding-left: 30px; color: #664a15; font-weight: bold; }
|
|
.tourPublisher a.publishAccount, .infoPublisher a.publishAccount { padding-right: 15px; }
|
|
.tourPublisher a:hover, .infoPublisher a:hover { color: #c42a2a; }
|
|
/* qrcode */
|
|
.chtqrcode { float: right; width: 97; height: 130px; }
|
|
.chtqrcode img { display: block; }
|
|
.personInfo { border: 3px solid #b8b7b7; width: 420px; padding: 14px; position: relative; }
|
|
.personInfo .closePersonWin { position: absolute; width: 21px; height: 20px; left: 418px; top: 8px; }
|
|
.personInfo .personPhoto { width: 85px; height: 85px; float: left; margin-right: 5px; }
|
|
.personInfo .personPhoto img { width: 85px; height: auto; }
|
|
.personInfo .personaccount { width: 320px; float: right; font-size: 11px; line-height: 20px; font-weight: 100; }
|
|
.personInfo .personaccount h6 { font-size: 14px; font-weight: 100!important; margin-bottom: 5px; margin-top: 0; padding: 0; }
|
|
.personInfo .personaccount h6 a { color: #545454; background: none; }
|
|
.personInfo .contactInfo { color: #069aca; padding-top: 5px; font-weight: 100; text-indent: 0; }
|
|
.personInfo .contactInfo a.moreAccount { color: #069aca; background-repeat: no-repeat !important; background-position: top left !important; padding-left: 20px !important; margin-left: 9px; padding-bottom: 3px; }
|
|
.contactInfo2 a.moreAccount { color: #069aca; padding-left: 20px; margin-left: 0px; padding-bottom: 3px; display: block; }
|
|
.personInfo .personAccountIntro { border-top: 1px solid #d1d1d1; margin-top: 5px; padding-top: 5px; font-size: 12px; font-weight: 100; }
|
|
/* greeting cards style */
|
|
.greetingCard { float: left; padding: 8px; }
|
|
.topThingsList { width: 350px; float: left; margin-right: 5px; margin-bottom: 5px; margin-top: 15px; padding: 10px; height: 100px; background-color: #F9F9F9; border: 1px solid #d1d1d1; }
|
|
.topThingsList h4 { font-size: 12px; margin: 0 0 10px 0; display: block; }
|
|
.topThingsList .photo { float: left; width: 90px; height: 80px; margin-right: 5px; }
|
|
/* weather forecast style */
|
|
#getWeather { margin: 0 0 15px 0 }
|
|
.outRecommend { display: block; margin: 0 0 10px 0 }
|
|
.outRecommend ul { margin-left: 0 }
|
|
.outRecommend ul li { line-height: 18px; font-size: 18px; margin-bottom: 10px; list-style: none; }
|
|
/* author info */
|
|
.introduce { margin: 0 0 15px 0; }
|
|
.introduce .introducephoto { width: 220px; height: 144px; }
|
|
.introduce .introducephoto img { width: 220px; height: 144px; }
|
|
.introduce .introduceinfo { background: url(https://data.chinahighlights.com/css/images/guide/bg-author-bottom.png) no-repeat; width: 210px; height: 50px; display: block; padding: 5px 0 0 10px; }
|
|
.introduce .introduceinfo .name { color: #a31022; font-size: 18px; display: block; margin: 0 0 5px 0; }
|
|
.introduceabout { display: none; }
|
|
.introduce .introduceinfo li { list-style-type: none; line-height: 18px; }
|
|
.introduce .introduceinfo a { text-decoration: none; font-size: 11px; color: #545454; font-family: Arial, Helvetica, sans-serif; }
|
|
.introduce .introduceinfo a:hover { color: #b5212b; }
|
|
.introduce .introduceinfo ul { width: auto; }
|
|
/* city index tips and articles */
|
|
.tip-article { margin: 10px 0; display: block; height: 100%; overflow: hidden; }
|
|
.tipphoto { margin: 5px; padding: 3px; float: left; border: 1px solid #d1d1d1; border-radius: 4px; }
|
|
.fisttipinfo { float: left; width: 374px; margin: 5px; }
|
|
.tipinfo { margin: 5px 13px 20px 10px; font-size: 13px; display: block; clear: both; }
|
|
.fisttipinfo li { list-style-type: none; margin-bottom: 5px; line-height: 18px; }
|
|
.fisttipinfo a { text-decoration: none; font-size: 15px; }
|
|
.tiptime { color: #999999; font-size: 11px; }
|
|
.fisttipinfo .tipread { color: #A31022; background: url(https://data.chinahighlights.com/pic/doubleArrow.gif) no-repeat right 4px; padding-right: 13px; }
|
|
.fisttipinfo .tipread a { color: #A31022; text-decoration: none; font-size: 12px; }
|
|
.fisttipinfo .tipread a:hover { text-decoration: underline; }
|
|
.tipinfo li { line-height: 18px; margin-bottom: 5px; list-style-type: none; background: url(https://data.chinahighlights.com/css/images/drop-1.GIF) no-repeat left; padding-left: 15px; font-size: 14px; }
|
|
.tipinfo a { text-decoration: none; padding-right: 20px; }
|
|
.tipsBlock { width: auto; height: auto; border: 1px solid #d1d1d1; border-radius: 5px; line-height: 20px; margin: 15px 0 10px 0; padding: 10px; overflow: hidden; }
|
|
h2.tipsTitle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; background: #e2e2e2; padding: 5px 0 5px 15px; border-left: 8px #bdbdbd solid; margin-bottom: 15px; display: block; clear: both; }
|
|
h2.tipsTitle a { color: #545454; font-size: 18px; text-decoration: none; font-weight: normal }
|
|
h2.tipsTitle .numberStyle { font-size: 22px; font-weight: bold; color: #a31022; }
|
|
.tipsBlock img { margin: 5px 10px 0 0; }
|
|
.christmasButton { display: block; width: 124px; height: 72px; position: absolute; top: 220px; right: -150px; }
|
|
.insertInfo { display: block; margin: 10px 0; font-size: 15px; }
|
|
.insertInfo a { color: #04679A; text-decoration: none }
|
|
.insertInfo a:hover { text-decoration: underline; }
|
|
.insertBlock { display: block; float: right; margin: 0 0 5px 10px; padding: 5px; }
|
|
.insertBlock .insertTitle { font-size: 15px; color: #000; }
|
|
.insertBlock ul { margin: 0 }
|
|
.insertBlock ul li { list-style: none; line-height: 18px; margin-bottom: 5px; }
|
|
/* articles list style */
|
|
#articleRecommend { margin-top: 10px;
|
|
margin-bottom: 40px;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
clear: both;
|
|
border-bottom: 1px solid #f1f1f1;
|
|
padding-bottom: 30px; }
|
|
#articleRecommend .articleTitle { font-size: 20px; display: block; margin: 5px 0 10px 0; color: #333; }
|
|
#articleRecommend .articleList { line-height: 16px; margin-bottom: 10px; }
|
|
#articleRecommend .articleList a { font-size: 13px; text-decoration: none; color: #333; }
|
|
#articleRecommend .articleList .articlePhoto { display: block }
|
|
|
|
@media(min-width:1000px) {
|
|
#articleRecommend .articleList .articlePhoto {
|
|
max-height: 120px !important;
|
|
overflow: hidden;
|
|
margin-bottom: 10px;
|
|
}
|
|
}
|
|
#articleRecommend .articleList img { margin-bottom: 5px; width: 100%; }
|
|
@media(max-width:750px) {
|
|
table.monthWeather th { padding: 0;}
|
|
.articleList {
|
|
border-bottom: 1px solid #f1f1f1;
|
|
padding-bottom: 10px;
|
|
}
|
|
#articleRecommend .articleList .articlePhoto {
|
|
width: 100px;
|
|
float: left;
|
|
margin-right: 10px;
|
|
max-height: 60px;
|
|
overflow: hidden;
|
|
}
|
|
.articleTitle1 {
|
|
font-size: 14px;
|
|
padding-top: 10px;
|
|
}
|
|
}
|
|
.rightBox ul.articleList { width: 100%; margin-bottom: 8px; float: left; line-height: 18px; list-style: none; float: left; }
|
|
.rightBox ul.articleList li { width: 100%; float: left; background: none; padding: 0; margin-bottom: 8px }
|
|
.rightBox ul.articleList img { width: 80px; margin: 5px 5px 0 0; float: left; border-radius: 4px; }
|
|
.rightBox ul.articleList a { text-decoration: none; }
|
|
.rightBox ul.articleList a:hover { text-decoration: underline; }
|
|
/* city weather */
|
|
.weader { height: auto }
|
|
.cityweather .weader img { width: 100%; margin-bottom: 10px; }
|
|
.cityweather .weader-tobday { position: absolute; left: 0; top: 15px; z-index: 11; height: 43px; width: 206px; padding-left: 20px; color: #a31022; font-size: 23px }
|
|
.cityweather .weaderbar { position: absolute; left: 0; top: 60px; z-index: 10; background: url(https://data.chinahighlights.com/css/images/citytour/weatherbarbg.png) no-repeat 0 0; height: 43px; width: 90%; border-radius: 0 4px 4px 0 }
|
|
.cityweather .weaderbar ul { list-style: none; width: 240px; height: 43px; padding-left: 10px; }
|
|
.cityweather .weaderbar ul li { font-size: 13px; color: #000; float: left; padding: 6px 0 0 3px; }
|
|
.cityweather .weaderbar ul li.wind { width: 80px; text-align: center; }
|
|
.cityweather .weaderbar ul li.wind img { margin: -10px 0 0; width: auto !important }
|
|
.cityweather .weadercont ul { list-style: none; width: 15.5%; height: 166px; border: 1px solid #d1d1d1; float: left; }
|
|
.cityweather .weadercont ul li { text-align: center; width: 100%; height: 44px; padding: 5px 0; border-bottom: 1px solid #d1d1d1; }
|
|
.cityweather .weadercont ul li.wdate { background: #dfdfdf; font-size: 14px; color: #a31022; height: 33px; line-height: 28px; }
|
|
.weatherMap { display: block; margin: 0 0 10px 0; position: relative }
|
|
.weatherMap img { width: 100% }
|
|
.weatherMap span { position: absolute; display: block; width: 43px; height: 31px; }
|
|
.weatherMap span b { font-weight: normal; left: 35px; position: absolute; top: 7px; width: 100px; color: #000 }
|
|
.weatherMap .lhasaWeather { left: 265px; top: 459px; }
|
|
.weatherMap .beijingWeather { left: 815px; top: 231px; }
|
|
.weatherMap .xianWeather { left: 659px; top: 387px; }
|
|
.weatherMap .shanghaiWeather { left: 877px; top: 463px; }
|
|
.weatherMap .guilinWeather { left: 635px; top: 626px; }
|
|
.weatherMap .guangzhouWeather { left: 791px; top: 680px; }
|
|
.weatherMap .hohhotWeather { left: 625px; top: 168px; }
|
|
.weatherMap .pingyaoWeather { left: 662px; top: 286px; }
|
|
.weatherMap .wuhanWeather { left: 725px; top: 484px; }
|
|
.weatherMap .chengduWeather { left: 490px; top: 482px; }
|
|
.weatherMap .guiyangWeather { left: 621px; top: 541px; }
|
|
.weatherMap .kunmingWeather { left: 447px; top: 617px; }
|
|
.weatherMap .lijiangWeather { left: 426px; top: 554px; }
|
|
.weatherMap .fuzhouWeather { left: 839px; top: 591px; }
|
|
.weatherMap .xiningWeather { left: 439px; top: 318px; }
|
|
.weatherMap .urumqiWeather { left: 221px; top: 108px; }
|
|
.weatherMap .harbinWeather { left: 932px; top: 55px; }
|
|
.weatherMap .shigatseWeather { left: 144px; top: 465px; }
|
|
.weatherMap .dunhuangWeather { left: 383px; top: 205px; }
|
|
.weatherMap .lanzhouWeather { left: 562px; top: 340px; }
|
|
.weatherMap .qingdaoWeather { left: 836px; top: 328px; }
|
|
.weatherMap .taiwanWeather { left: 955px; top: 622px; }
|
|
.weatherMap .hetianWeather { left: 70px; top: 235px; }
|
|
.weatherMap .garWeather { left: 50px; top: 343px; }
|
|
.weatherMap .kashgarWeather { left: 35px; top: 142px; }
|
|
.weatherMap .currentData { bottom: 0; right: 5px; text-align: right; color: #fff; font-size: 15px; width: 150px; }
|
|
.left { float: left; }
|
|
#chinesefood { background-color: #FFF; border-bottom: 10px; border-bottom-color: #dfdfdf; }
|
|
#chinesefood .foodlist { padding: 8px 10px; border: #dfdfdf solid 1px; display: block; height: 100%; overflow: hidden; margin-bottom: 10px; }
|
|
#chinesefood .foodlist img { width: 220px; }
|
|
#chinesefood .foodlist h2 { font-weight: normal; width: 100%; font-size: 20px; color: #a31022; }
|
|
#chinesefood .foodlist p { line-height: 18px; float: left; padding: 5px 0; }
|
|
/* city */
|
|
#contentMiddle .googlemap_table { width: 100%; overflow: hidden; height: auto; }
|
|
.sightsList { width: auto; padding: 5px; }
|
|
.sightsList .moreSightlink { background:url(https://data.chinahighlights.com/css/images/pic-round-arrow.gif) no-repeat right 2px; text-align: right; padding: 2px 23px 2px 0; }
|
|
.sightsList .moreSightlink a { font-size: 12px; font-weight: bold; }
|
|
.sightsList .photoStyle .photoStyleIn { float: left; text-align: center; margin: 3px 13px 5px 0; width: 145px; padding: 5px; background: #fff; border: 1px solid #d1d1d1; }
|
|
.sightsList .photoStyle .photoStyleIn img { margin-bottom: 5px; width: 145px; }
|
|
.sightsList .photoStyle .photoStyleIn a { text-decoration: none; }
|
|
#topThings { background-color: #FFF; border-bottom: 10px; border-bottom-color: #dfdfdf; }
|
|
#topThings .things { padding-bottom: 8px; border: #dfdfdf solid 1px; margin-bottom: 20px; }
|
|
@media(min-width:1000px) {
|
|
#topThings .things {
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
}
|
|
}
|
|
#topThings .things .box { padding: 0 10px; }
|
|
#topThings .things img { width: 100%; margin-bottom: 10px; }
|
|
#topThings .things h2 { font-weight: normal; width: 100%; font-size: 17px; color: #04679A; background: #F4F4F4; height: 30px; text-align: center; padding-top: 5px; margin-top: 0; }
|
|
#topThings .things p { line-height: 18px; float: left; padding: 5px 0; }
|
|
#contentTour .TopSellers ul { list-style: none; width: 100%; margin: 10px 0; float: left; border-bottom: 1px solid #CCC; }
|
|
#contentTour .TopSellers ul img { width: 280px; height: 120px; border: none; float: left; }
|
|
#contentTour .TopSellers ul img.moredetail { width: 177px; height: 32px; margin: 10px 280px 0 0; display: inline; float: right; }
|
|
#contentTour .TopSellers ul li { width: 470px; float: right; line-height: 150%; color: #545454; margin-top: -5px; margin-bottom: 5px; }
|
|
#contentTour .TopSellers ul li.routetitle { color: #083c7d; font-size: 15px; font-weight: bold; }
|
|
#contentTour .TopSellers ul li.routetitle a { color: #545454; font-size: 15px; font-weight: bold; text-decoration: none; }
|
|
#contentTour .TopSellers2 { width: 100%; }
|
|
#contentTour .TopSellers2 h2 { background: #e4e4e4; border-left: 7px solid #A6A6A6; font-size: 16px; font-weight: normal; height: 30px; line-height: 30px; padding-left: 10px; margin: 10px 0 0 0; }
|
|
#contentTour .TopSellers2 ul { list-style: none; width: 100%; margin: 10px 0; float: left; }
|
|
#contentTour .TopSellers2 ul img { width: 250px; height: 200px; border: none; float: left; margin-right: 10px; }
|
|
#contentTour .TopSellers2 ul img.moredetail { width: 177px; height: 32px; margin: 10px 350px 0 0; display: inline; float: right; }
|
|
#contentTour .TopSellers2 ul li { width: 480px; float: left; line-height: 150%; color: #545454; padding-left: 5px; margin-bottom: 8px; }
|
|
#contentTour .TopSellers2 ul li a { text-decoration: none; }
|
|
#contentTour .TopSellers2 ul li.TopSellers2title { border-left: 7px solid #A6A6A6; background: #E4E4E4; height: 25px; line-height: 25px; }
|
|
#contentTour .TopSellers2 ul li.listicon { padding-left: 14px; background:url(https://data.chinahighlights.com/pic/arrow-r.GIF) no-repeat 0 6px; font-size: 13px; }
|
|
#contentTour .TopSellers2 ul li.routetitle { color: #083c7d; font-size: 14px; font-weight: bold; }
|
|
/* TA rating */
|
|
.taReviews { border: 1px solid #d1d1d1; padding: 2px; border-radius: 4px; margin: 10px 0; }
|
|
#taRtng { font-size: 11px; color: #545454; width: 100%; border-radius: 4px 4px 4px 4px; padding: 8px; border: 2px solid #68A253; display: none; margin: 0 0 5px 0; }
|
|
.taRtng { display: block!important; }
|
|
@media(max-width:750px) {
|
|
#taRtng {
|
|
display: none !important
|
|
}
|
|
}
|
|
@media(min-width:1000px) {
|
|
#taRtng {
|
|
float: right !important;
|
|
width: 250px !important;
|
|
margin-left: 15px !important
|
|
}
|
|
}
|
|
#taRtng .cdsWrap { width: 100%; float: left; padding-bottom: 10px; }
|
|
#taRtng .cdsBadgeImage, .cdsBadgeContents { float: left; padding-right: 10px; font-family: Verdana, Geneva, sans-serif; font-size: 12px; }
|
|
#taRtng .overall em { position: relative; top: -4px; font-style: normal; left: 5px; }
|
|
#taRtng .cdsH18 { border-bottom: 2px solid #F4F5ED; margin: 11px 0 12px; padding: 0 0 1px; color: #09532D; }
|
|
#taRtng .barRatingLine { width: 100%; padding-top: 2px; clear: both; }
|
|
#taRtng .barRatingText { width: 90px; font-style: normal; text-align: left; float: left; }
|
|
#taRtng .barRatingBkg { background-color: #e3e3e3; float: left; height: 12px; }
|
|
#taRtng .barRatingImg { background-color: #fabc18; height: 12px; }
|
|
#taRtng .barRatingTextGreen { color: #68A253; float: left; font-style: normal; margin-left: 5px; text-align: right; width: 20px; }
|
|
#taRtng .rsImg { float: left; }
|
|
.rmpic { display: none; }
|
|
.cdsBx .cdsData .hReview dl dt, .cdsBx .cdsData .hReview dl dd { color: #545454 !important; line-height: 20px !important; }
|
|
#CDSPOP.cdsBx .cdsData .cdsSummary address { color: #545454 !important; }
|
|
/* restaurants list */
|
|
.restaurants { margin: 10px 0; float: left; width: 100%; }
|
|
.restaurantlist { width: 170px; float: left; height: 200px; overflow: hidden; margin: 0 10px 5px 10px }
|
|
.restaurantlist .imgbox { width: 170px; height: 140px; overflow: hidden; margin-bottom: 5px; }
|
|
.restaurants span { font-size: 14px; font-weight: bold; margin-top: 5px; }
|
|
.restaurants a { text-decoration: none; }
|
|
/*train search box*/
|
|
.trainSearBox { width: 314px; height: 291px; background: url(https://data.chinahighlights.com/css/images/train/searbox-guide.jpg) no-repeat top left; padding: 9px; float: right; margin: 10px 0 10px 10px; }
|
|
.searchTitle { font-size: 22px; color: #bb1717; padding: 10px 10px 8px 10px; border-bottom: 1px solid #d1d1d1; margin: 0 0 15px 0; }
|
|
.searchCity { font-size: 13px; float: left; width: 80px; float: left; margin: 0 0 26px 10px; }
|
|
.trainSearBox input.city { font-size: 14px; width: 180px; border: 1px solid #d1d1d1; padding: 5px 0 5px 10px; float: left; color: #2e2e2e; }
|
|
.trainSearBox input.calendar { font-size: 14px; width: 180px; border: 1px solid #d1d1d1; padding: 5px 0 5px 10px; float: left; color: #2e2e2e; background: url("https://data.chinahighlights.com/css/images/calender.gif") no-repeat scroll 170px 4px rgba(0, 0, 0, 0); }
|
|
.trainSearBox input.searchButtonLong { width: 79px; height: 54px; background: url(https://data.chinahighlights.com/css/images/train/book-guide.png) no-repeat top left; border: none; margin: 15px 0 0 200px; font-size: 22px; color: #FFF; font-family: Verdana, Geneva, sans-serif; padding: -3px 0 0 25px; cursor: pointer; }
|
|
.trainSearBox input.searchButtonLong:hover { background: url(https://data.chinahighlights.com/css/images/train/book-guide.png) no-repeat 2px top; }
|
|
/*入藏涵预订页面*/
|
|
.tibetpermitBox { background: url(https://data.chinahighlights.com/css/images/train/tibetpermit/tibetpermit-bg.jpg) #f1f1f1 no-repeat; margin-bottom: 20px; padding-bottom: 15px; }
|
|
table.tibetForm { margin: 5px 0px 0 80px; }
|
|
table.tibetForm tr th { font-size: 30px; margin: 0; color: #FFF; padding: 0 0 20px 0; }
|
|
input.permitbook { width: 235px; height: 40px; font-family: Verdana, Geneva, sans-serif; font-size: 14px; padding-left: 15px }
|
|
span.tibetPeTo { display: inline-block; height: 15px; width: 16px; margin: 5px 5px 1px 18px; overflow: hidden; white-space: nowrap; background: url(https://data.chinahighlights.com/css/images/train/tibetpermit/tobg.png) no-repeat; }
|
|
input.submitPer { width: 250px; height: 40px; background: url(https://data.chinahighlights.com/css/images/train/tibetpermit/more.png) no-repeat 175px 13px #eeb110; margin-top: 20px; border: none; cursor: pointer; font-family: Verdana, Geneva, sans-serif; font-size: 16px; color: #FFF; font-weight: bold; }
|
|
input.submitPer:hover { background: url(https://data.chinahighlights.com/css/images/train/tibetpermit/more.png) no-repeat 175px 13px #e2a503; }
|
|
a.facebookShare { display: inline-block; width: 30px; height: 30px; background: url(https://data.chinahighlights.com/css/images/train/tibetpermit/facebook.png) 2px 3px; white-space: nowrap; }
|
|
a.facebookShare:hover { background: url(https://data.chinahighlights.com/css/images/train/tibetpermit/facebook.png) 2px 3px #0099FF; }
|
|
a.twShare { display: inline-block; width: 30px; height: 30px; background: url(https://data.chinahighlights.com/css/images/train/tibetpermit/facebook.png) 2px -30px no-repeat; white-space: nowrap; margin-left: 10px; }
|
|
a.twShare:hover { background: url(https://data.chinahighlights.com/css/images/train/tibetpermit/facebook.png) 2px -30px #0099FF no-repeat; }
|
|
a.googleShare { display: inline-block; width: 30px; height: 30px; background: url(https://data.chinahighlights.com/css/images/train/tibetpermit/facebook.png) 2px -65px no-repeat; white-space: nowrap; margin-left: 10px; }
|
|
a.googleShare:hover { background: url(https://data.chinahighlights.com/css/images/train/tibetpermit/facebook.png) 2px -65px #0099FF no-repeat; }
|
|
.tibetpermitBox ul { margin: 200px 25px 0 25px; }
|
|
.tibetpermitBox ul p { line-height: 28px; }
|
|
.tibetpermitBox ul span.font1 { font-size: 23px; font-weight: bold; color: #959393; }
|
|
.tibetpermitBox ul span.font2 { font-size: 16px; color: #5884c0; }
|
|
.tibetpermitBox ul li { font-size: 15px; color: #767676; margin: 0 0 25px 0; line-height: 25px; list-style: none; padding-left: 50px; background: url(https://data.chinahighlights.com/css/images/train/tibetpermit/checkout.png) no-repeat 0 0 }
|
|
.tibetpermitBox ul li span { font-size: 18px; padding-bottom: 15px; }
|
|
h3.permitTit { font-weight: 100; margin: 15px 0 15px 0; color: #126faa; }
|
|
ul.prepareList li { margin: 0 0 10px 10px; font-size: 13px; list-style: none; background: url(https://data.chinahighlights.com/css/images/train/tibetpermit/permitlis.png) no-repeat 0 3px; padding: 0 0 0 25px; line-height: 22px; }
|
|
.additionalTip { background: #f7f7f7; padding: 0 15px 15px 15px; border: 1px solid #d1d1d1; }
|
|
/*入藏函广告*/
|
|
/*tibet首页搜索*/
|
|
.permitRro { width: 300px; height: 340px; overflow: hidden; background: url(https://data.chinahighlights.com/css/images/train/tibetpermit/prom-bg.png) no-repeat; float: right; padding: 25px 15px 15px 15px; margin-left: 10px; }
|
|
.permitRro span.font1 { font-size: 18px; color: #FFF; }
|
|
.permitRro table tr td.inputdate { padding: 15px 0 0 0; }
|
|
.permitRro span.font2 { font-size: 26px; color: #ffe900; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
|
|
.permitRro input.searchButtonLong { background: url(https://data.chinahighlights.com/css/images/train/tibetpermit/booknow.png) no-repeat; border: medium none; color: #FFFFFF; cursor: pointer; font-family: Verdana, Geneva, sans-serif; font-size: 22px; height: 70px; margin: 15px 0 0 150px; width: 105px; }
|
|
input.permitbookpro { width: 255px; height: 35px; font-family: Verdana, Geneva, sans-serif; font-size: 14px; padding-left: 15px }
|
|
/* left promo ads */
|
|
.leftAds { margin: 15px 0; display: block; }
|
|
.leftAds img { width: 100%; border-radius: 4px; }
|
|
/* social media bar on the left */
|
|
#ShareBar { top: 30%; width: 87px; height: 331px; padding: 10px; left: 50%; margin-left: -590px; background:url(https://data.chinahighlights.com/css/images/guide/bg-city/bg-social-media-bar.png) no-repeat; overflow: hidden; position: fixed; z-index: 100000; text-align: center; line-height: normal; _position: absolute; font-size: 11px; }
|
|
#ShareBar a, #ShareBar a:hover, #ShareBar a:visited { text-decoration: none; font-size: 11px; }
|
|
#FACEBOOK { margin-right: -7px; border-bottom: 1px solid #fff; padding-bottom: 10px; display: block; padding-left: 10px; height: 70px !important; }
|
|
#TWEET { margin-right: -5px; display: block }
|
|
#GPLUS { margin-top: 10px; border-bottom: 1px solid #fff; padding-bottom: 10px; display: block }
|
|
#SUBMIT { margin: 10px 0; border-bottom: 1px solid #fff; padding-bottom: 10px; display: block }
|
|
#FACEBOOK .pluginCountBox { width: 45px!important; height: 22px!important; border-radius: 2px; }
|
|
.count-o { height: 30px!important; padding: 0!important }
|
|
#widget { width: 48px!important; margin-left: 10px!important; }
|
|
ul.dropLeft { margin: 0 }
|
|
ul.dropLeft li { float: left; line-height: 18px; margin-bottom: 5px; margin-right: 15px; }
|
|
ul.dropLeft li a { text-decoration: none }
|
|
ul.dropLeft li a:hover { text-decoration: underline }
|
|
.tableStyle1 { border: 1px solid #d1d1d1; width: 100%; margin-bottom: 15px; }
|
|
.tableStyle1 th { padding: 5px 10px; border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; }
|
|
.tableStyle1 td { padding: 5px 10px; border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; }
|
|
/* How to Plan a 1-Day Trip to Macau from Hong Kong */
|
|
.dayTour { margin: 15px 0; border: 1px solid #d1d1d1; border-radius: 4px; position: relative; overflow: hidden; clear: both; }
|
|
.dayTour .dtInfo { position: relative; overflow: hidden; }
|
|
.dayTour .dtInfo h2 { margin-left: 50px !important; font-size: 23px; }
|
|
.dayTour .specialOffer { background: #a31022; border-radius: 4px; color: #fff; display: block; font-size: 12px; left: -23px; padding: 3px 25px 3px 16px; position: absolute; top: 11px; transform: rotate(-43deg); }
|
|
.inquiryNow { background: #a31022; padding: 5px 45px; text-align: center; float: right; border-radius: 4px; }
|
|
.inquiryNow a { color: #fff; font-size: 15px; text-decoration: none; }
|
|
/* question box */
|
|
#questionBox { background-image: url(https://data.chinahighlights.com/css/images/tour/detail/bg-question-title.png); background-repeat: no-repeat; background-position: center top; background-size: contain; margin: 15px 0; padding: 1px 10px 0px 10px; border: 1px solid #d1d1d1; border-radius: 4px; box-shadow: 0 0 02px #d5d5d5; position: relative; }
|
|
#questionBox .interested { font-size: 20px; color: #fff; display: block; margin: 5px 0; }
|
|
#questionBox .interest-label { font-size: 12px; color: #a31022; display: block; margin-bottom: 40px }
|
|
#questionBox .infoRequired { text-align: center; margin: 22px 0 0 0; display: block; }
|
|
#questionBox .infoRequired input, textarea { width: 100%; height: 28px; font-size: 12px; font-family: Verdana, Geneva, sans-serif; padding: 5px; background-color: #fff; margin-bottom: 15px; border-color: #D1D1D1; border-radius: 4px; border-style: solid; border-width: 1px; }
|
|
#questionBox .infoRequired input:focus, textarea:focus { border-color: #0074CC; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.075) inset, 0 0 8px #0074CC; }
|
|
#questionBox .infoRequired textarea { height: 150px; }
|
|
#questionBox .sendButton { margin: 15px 0; display: block; background: #a31022; border: none; color: #fff; text-align: center; border-radius: 4px; padding: 5px 0; font-size: 15px; width: 100%; }
|
|
|
|
#questionBox .infoRequired p { margin: 0; line-height: 20px !important; margin-bottom: 0px !important; position: relative; text-align: center; }
|
|
#questionBox .infoRequired p label { padding: 0; margin: 0; position: absolute; top: 13px; left: 10px; cursor: text }
|
|
#questionBox .infoRequired .des label { text-align: left; }
|
|
/* submit checking */
|
|
#questionBox .infoRequired p .arrowDownTest label { line-height: 20px; position: relative; left: 0; margin: 0; padding: 0; top: 0; }
|
|
#questionBox .infoRequired p .arrowDownTest { color: #a31022 !important; top: 36px; border: none !important; background: none !important }
|
|
#questionBox .infoRequired p .arrowDown { left: 4px; position: absolute; top: 26px; }
|
|
#questionBox .infoRequired input.calendarIcon { background: url(https://data.chinahighlights.com/css/images/calender.GIF) no-repeat scroll 98% 6px #fff; }
|
|
#questionBox .infoRequired .paxInfo { margin: 2px 0 15px }
|
|
#questionBox .infoRequired select { padding: 5px; margin-bottom: 15px; border-radius: 4px; border: 1px solid #d1d1d1; display: inline-block }
|
|
#questionBox .infoRequired .totalCost { display: block; margin: -5px 0 10px; text-align: left; border: 1px dashed #f1f1f1; border-radius: 4px; padding: 1px 8px; color: #999; font-family: Arial, Helvetica, sans-serif; display: none; }
|
|
#questionBox .infoRequired .totalCost strong { color: #a31022; }
|
|
@media(max-width:750px) {
|
|
#questionBox {
|
|
background: none !important;
|
|
padding: 10px 20px 0 !important
|
|
}
|
|
#questionBox .interested {
|
|
color: #a31022 !important;
|
|
}
|
|
.interest-label {
|
|
display: none !important;
|
|
}
|
|
#questionBox .infoRequired input {
|
|
height: 35px !important;
|
|
}
|
|
#questionBox .infoRequired textarea {
|
|
height: 100px !important;
|
|
}
|
|
.infoRequired input, select {
|
|
box-shadow: none !important;
|
|
}
|
|
#questionBox .infoRequired p label {
|
|
top: 17px !important;
|
|
}
|
|
#questionBox .infoRequired select {
|
|
padding: 7px !important;
|
|
}
|
|
#questionBox .sendButton {
|
|
padding: 8px 0 !important;
|
|
}
|
|
.dayTour {
|
|
border-radius: 0 0 0 0!important;
|
|
border-left: none !important;
|
|
border-right: none !important;
|
|
}
|
|
}
|
|
.tourPublishers .publishintros { font-size: 11px; line-height: 22px; margin-top: 30px; }
|
|
.publishPic { margin-right: 15px; }
|
|
.publishintros ul.author li { list-style: none; line-height: 25px; }
|
|
.publishintros ul.author a.email { text-decoration: underline; background: url(https://data.chinahighlights.com/image/travelguide/city-guide/email.gif) no-repeat; padding-left: 30px; padding-bottom: 10px; }
|
|
.publishintros ul.author a.feedback { text-decoration: underline; background: url(https://data.chinahighlights.com/image/travelguide/city-guide/message.gif) no-repeat; padding-left: 30px; padding-bottom: 10px; }
|
|
/* app ads left */
|
|
.appAds { display: block; margin-top: 15px; }
|
|
/* for hk-ma tour */
|
|
.maPhoto { margin-bottom: 10px; }
|
|
.maPhoto img { margin-bottom: 5px; }
|
|
.tibetAlert { display: block; margin: 10px 0; border: 1px dashed #a31022; padding: 8px 10px 0; border-radius: 4px; line-height: 22px; }
|
|
.tibetAlert /* Great wall temp */
|
|
.factsBox { margin-bottom: 15px; padding: 5px; border: 1px solid #a1a1a1; border-radius: 4px; background: #f7f7f7; }
|
|
.factsBox.last { margin-right: 0!important; float: right; }
|
|
.factsBoxRight { margin-left: 10px; padding: 5px; border: 1px solid #a1a1a1; float: right; width: 320px; -moz-border-radius: 5px; background: #f7f7f7; }
|
|
.factsBox h2, .factsBoxRight h2 { padding: 5px 0; margin: 0!important }
|
|
.factsBox a, .factsBoxRight a { text-decoration: underline; color: #666; }
|
|
.factsBox a:hover, .factsBoxRight a:hover { text-decoration: none; color: #a31022; }
|
|
.factsBox ul, .factsBox dl, .factsBoxRight ul, .factsBoxRight dl { margin: 0; }
|
|
.factsBox ul li, .factsBoxRight ul li { list-style: none; color: #888; list-style-image: url(https://data.chinahighlights.com/css/images/drop-2.GIF); line-height: 16px; margin-left: 15px; margin-bottom: 15px; }
|
|
.factsBox ul li a, .factsBoxRight ul li a { color: #555; }
|
|
.factsBox ul li a:hover, .factsBoxRight ul li a:hover { color: #a31022; text-decoration: none }
|
|
.factsBox dl dt, .factsBoxRight dl dt { background: url(https://data.chinahighlights.com/css/images/shopping.gif) no-repeat 4px left; padding-left: 16px; margin-top: 5px; line-height: 16px; font-size: 12px; color: #a31022; }
|
|
.factsBox dl dt a, .factsBoxRight dl dt a { background: url(https://data.chinahighlights.com/css/images/shopping.gif) no-repeat 4px left; }
|
|
.factsBox dl dd, .factsBoxRight dl dd { font-size: 11px; font-style: italic; color: #7d7d7d; margin-bottom: 15px; padding-left: 16px; }
|
|
.factsBox dl dd a { text-decoration: none; }
|
|
#content #contentMiddle .factsBox h2.tour, #content #contentMiddle .factsBoxRight h2.tour { background: url(https://data.chinahighlights.com/image/greatwall/bg-tour.png) no-repeat top left; padding-left: 65px; }
|
|
#content #contentMiddle .factsBox h2.facts { background: url(https://data.chinahighlights.com/image/greatwall/bg-facts.png) no-repeat top left; padding-left: 65px; }
|
|
#content #contentMiddle .factsBox h2.tour a, #content #contentMiddle .factsBox h2.facts a { text-decoration: none; }
|
|
.greatwallPhoto { margin: 5px; float: left; }
|
|
.greatwallPhoto img { border: 1px solid #555; }
|
|
.greatwallPhotoRight { margin: 5px; float: right; }
|
|
.greatwallPhotoRight img { border: 1px solid #555; }
|
|
.at4-follow { right: -25px !important; top: 19% !important; } /* rewrite add this right sm icons */
|
|
/* rewrite left SM style */
|
|
@media(min-width:1024px) {
|
|
a.at-svc-facebook {
|
|
border-radius: 0 4px 0 0!important;
|
|
}
|
|
.at-logo-bg-orange, a.at-svc-compact {
|
|
border-radius: 0 0 4px 0;
|
|
}
|
|
.atss a:hover {
|
|
border-radius: 0 4px 4px 0!important
|
|
}
|
|
}
|
|
/* for great wall */
|
|
ul.gwList { margin: 10px 0 25px; }
|
|
ul.gwList li { background: url(https://data.chinahighlights.com/pic/gw-icon.png) no-repeat; padding-left: 45px; line-height: 27px; margin-bottom: 15px; font-size: 14px; }
|
|
ul.gwList li.location { background-position: 0 -2px; }
|
|
ul.gwList li.feature { background-position: 0 -225px; }
|
|
ul.gwList li.activity { background-position: 0 -456px; }
|
|
ul.gwList li.time { background-position: 0 -692px; }
|
|
ul.gwList li.facility { background-position: 0 -920px; }
|
|
.LastedArticle { color: #1e71b5; font-size: 18px; margin-top: 20px; margin-bottom: 10px; padding-right: 10px; }
|
|
ul.NewArticles { margin: 15px 0; }
|
|
ul.NewArticles li { background: url("https://data.chinahighlights.com/pic/square-red.gif") no-repeat scroll 0 6px; font-size: 12px; line-height: 18px; margin-bottom: 10px; padding: 0 0 0 15px; }
|
|
ul.NewArticles li a { text-decoration: none; }
|
|
/* reward the author */
|
|
.rewardAuthor { border-radius: 4px; padding: 15px 20px; margin: 25px 0 }
|
|
.rewardAuthor p { font-size: 12px !important; line-height: 20px !important; }
|
|
.rewardAuthor .authorPhoto { display: block; text-align: center; margin-top: -5px; }
|
|
.rewardAuthor .authorPhoto img { border-radius: 50%!important; margin-bottom: 10px; max-width: 100%; }
|
|
.rewardAuthor .authorPhoto span { display: block; font-size: 11px; margin-bottom: 10px; }
|
|
.rewardAuthor .authorPhoto span.whois a { text-decoration: none; }
|
|
.rewardAuthor .rewardTitle { display: block; margin-bottom: 10px; }
|
|
.rewardAuthor label { color: #777; font-size: 13px; margin-right: 21px; }
|
|
.rewardAuthor input[type="checkbox"] { vertical-align: middle; margin: -3px 5px 0; }
|
|
.rewardAuthor input[type="email"] { width: 100%; border: 1px solid #d1d1d1; padding: 4px 10px; border-radius: 4px; }
|
|
.rewardAuthor input[type="submit"] { background: #a31022; color: #fff; width: 100%; text-align: center; padding: 5px; border-radius: 4px; border: none; }
|
|
.rewardAuthor .emailTip { font-size: 11px; display: block; margin: 2px 0 0 20px; }
|
|
.copyrightProtect { display: block; margin-top: 30px; text-align: right; }
|
|
@media(max-width:768px) {
|
|
.rewardAuthor {
|
|
background: none #efefef;
|
|
border-radius: 4px;
|
|
padding: 15px 20px;
|
|
}
|
|
.rewardAuthor .rewardTitle {
|
|
display: block;
|
|
margin-bottom: 10px;
|
|
padding: 10px 0;
|
|
}
|
|
.rewardAuthor input[type="email"] {
|
|
margin-bottom: 10px;
|
|
}
|
|
}
|
|
.submited { text-align: center; margin: 30px 0; }
|
|
.submited .success { font-size: 20px; display: block; margin-bottom: 10px; }
|
|
.submited .result strong { color: #a31022; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; }
|
|
.tibetAlert { border: 1px dashed #a31022; border-radius: 4px; padding: 10px 10px 0; }
|
|
/* new year show */
|
|
.newYearshow { width: 300px; float: right; margin: 0 0 10px 15px; border: 2px solid #a31022; border-radius: 4px; padding: 10px 0 5px 15px; }
|
|
.cjzb > iframe { width: 100%!important }
|
|
.newYearshowM { display: none; }
|
|
@media(max-width:750px) {
|
|
.newYearshow {
|
|
width: 100%!important;
|
|
float: none !important;
|
|
margin: 0 0 25px!important;
|
|
overflow-y: auto;
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
.cjzb {
|
|
height: 300px!important;
|
|
}
|
|
}
|
|
.cjzb { overflow-x: hidden; padding-right: 15px; height: 450px; }
|
|
.live-title { display: block; margin: -5px 0 15px; font-size: 12px; border-bottom: 1px dashed #999; padding-bottom: 10px; }
|
|
.live-title:first-letter { text-transform: uppercase; }
|
|
.live-title small { font-size: 11px; color: #999; }
|
|
.imagebox { margin-bottom: 10px; max-width: 100%; overflow: hidden; }
|
|
.imagebox img { margin-bottom: 10px; border-radius: 0!important; }
|
|
.mainTitles { font-size: 16px; display: block; margin: 0 0 15px; }
|
|
/* fixed main menu */
|
|
#contentHead { padding-top: 45px }
|
|
@media(min-width:1024px) {
|
|
#header {
|
|
position: fixed !important;
|
|
z-index: 9999;
|
|
top: 0;
|
|
width: 100%;
|
|
}
|
|
#contentHead {
|
|
padding-top: 110px;
|
|
}
|
|
#homeSlideshow {
|
|
padding-top: 110px;
|
|
}
|
|
}
|
|
/* write FU */
|
|
.chineseFu { display: block; margin: 15px 0; border-top: 1px dashed #999; border-bottom: 1px dashed #999; padding: 0 0 30px; overflow: hidden; }
|
|
.writingBoard { background: url(https://data.chinahighlights.com/pic/guide/bg-writing-board.png) no-repeat; display: block; width: 487px; height: 531px; float: right; position: relative; cursor: url(https://data.chinahighlights.com/pic/guide/brush.png), pointer; }
|
|
.writingBoard .undo { display: block; position: absolute; left: 53px; bottom: 55px; cursor: pointer; }
|
|
.writingBoard .clear { display: block; position: absolute; left: 145px; bottom: 46px; cursor: pointer; }
|
|
.writingBoard .finished { display: block; position: absolute; right: 55px; bottom: 34px; cursor: pointer; }
|
|
.writingBoard .goNext { display: block; position: absolute; left: 60px; bottom: 20px; font-family: Arial, Helvetica, sans-serif; }
|
|
.writingBoard .goNext .fa { color: #a31022; font-size: 150%; }
|
|
.cardSelect { background: #f1f1f1; border: 1px solid #d1d1d1; border-radius: 4px; padding: 15px 20px 10px; display: block; margin: 20px 0; }
|
|
.cardSelect h3 { text-align: center; margin: 0 0 20px !important; }
|
|
.cardSelect .cardList { display: block; margin-bottom: 15px; }
|
|
.cardSelect .cardList img { cursor: pointer; }
|
|
.cardSelect .cardList .preview { display: block; margin: 15px auto 0; background: #d1d1d1; text-align: center; width: 135px; border-radius: 4px; padding: 4px 0; color: #a31022; cursor: pointer; }
|
|
/*.greetingCard { background: rgba(0,0,0,.8); display: block; position: fixed; top: 0; left: 0; height: 800px; width: 100%; z-index: 9999; }
|
|
.greetingCard .closeBtn { display: block; width:27px; height:27px; position:absolute; right:-20px; top:-13px; cursor:pointer;}*/
|
|
.cardBlock { width: 650px; background: #fff; padding: 20px; border-radius: 4px; margin: 10px auto; position: relative; }
|
|
.cardBlock canvas { margin-bottom: 20px; }
|
|
.cardBlock .processArea { display: block; }
|
|
.facebookShare { width: 150px; display: inline; padding: 5px 5px 5px 25px; background: url(https://data.chinahighlights.com/pic/guide/facebook-icon.png) no-repeat left center; }
|
|
.saveCard { background: #f1f1f1; border: 1px solid #d1d1d1; text-align: center; border-radius: 4px; width: 50px; display: inline; padding: 5px 10px; margin-right: 10px; cursor: pointer; }
|
|
.emailTo { background: #f1f1f1; border: 1px solid #d1d1d1; text-align: center; border-radius: 4px; width: 100px; display: inline; padding: 5px 10px; margin-right: 5px; position: relative; cursor: pointer }
|
|
.sendArea { display: block; background: #f1f1f1; border: 1px solid #d1d1d1; padding: 15px 25px; border-radius: 0 4px 4px 4px; width: 100%; margin-top: 13px; }
|
|
.sendArea input[type="text"], .sendArea input[type="email"] { width: 100%; display: block; margin-bottom: 10px; border: 1px solid #999; border-radius: 4px; padding: 2px 5px; }
|
|
.sendArea input[type="submit"] { background: #a31022; border-radius: 4px; color: #fff; padding: 3px 10px; border: none; margin-left: 38%; }
|
|
.sendArea textarea { width: 100%; display: block; border: 1px solid #999; border-radius: 4px; padding: 2px 5px; height: 55px; margin-bottom: 10px; margin-top: 0; }
|
|
.sendArea .col-md-5, .sendArea .col-md-8, .sendArea .col-md-11 { padding: 0 5px !important; }
|
|
.sending { padding-bottom: 16px; border-radius: 4px 4px 0 0 !important; z-index: 9999; border-bottom: none !important; }
|
|
/* new year pages mobile friendly adjust by mercier zeng */
|
|
@media(max-width:760px) {
|
|
#terracotta-slider .flexslider ul.flex-direction-nav a {
|
|
display: none !important;
|
|
}
|
|
#terracotta-slider .flexslider ol.flex-control-nav {
|
|
text-align: center !important;
|
|
width: 100% !important;
|
|
left: auto !important;
|
|
}
|
|
.chineseFu {
|
|
display: none !important;
|
|
}
|
|
}
|
|
/* new info page recommend articles & author infomation by lyt*/
|
|
#footer_info { background-color: #e7e8ea; padding: 20px 0; }
|
|
.info_content { margin-top: 10px; margin-bottom: 10px; height: 100%; overflow: hidden; clear: none!important; }
|
|
.info_content img { border-radius: 0px!important; }
|
|
.info_content .articlePhoto { max-height: 85px !important; overflow: hidden; }
|
|
.info_title { font-size: 18px; display: block; margin: 5px 0 30px 0; color: #333; border-left: 5px solid #a31022; padding-left: 10px; }
|
|
.info_content .aboutus_text { font-size: 14px; color: #333; margin-top: 15px; margin-bottom: 15px; line-height: 22px; }
|
|
.info_content .tourPublishers, .tourPublishers { margin-top: 10px; margin-bottom: 10px; height: 100%; overflow: hidden; }
|
|
.info_content .publishintros, .publishintros { margin-bottom: 15px; margin-top: 0px!important; }
|
|
.info_content .author_img, .author_img { padding-right: 0px!important; }
|
|
.info_content .author_name, .author_name { font: italic 20px; }
|
|
.info_content .articleTitle1 { max-height: 64px; overflow: hidden; display: block; line-height: 22px; font-size: 14px; margin-bottom: 20px; }
|
|
@media(min-width: 1000px) {
|
|
.info_content .articleList {
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
height: 180px!important;
|
|
}
|
|
}
|
|
@media only screen and (min-width:800px) and (max-width: 1280px) {
|
|
.addthis-smartlayers-desktop {
|
|
display: none !important;
|
|
}
|
|
}
|
|
/* tour related in guide info */
|
|
.tourRelated { display: block; margin: 25px 0; border: 1px solid #d1d1d1; padding: 5px; border-radius: 4px; }
|
|
.tourRelated .tourContent { display: block; padding: 10px; background: #f1f1f1; border-radius: 2px; position: relative; height: 111px; }
|
|
.tourRelated .tourContent img { max-height: 90px; width: 100%; }
|
|
.tourRelated .tmAds { padding: 10px 20px !important; height: 115px; }
|
|
.tourRelated .tourContent a { color: #545454; }
|
|
.tourRelated .tourContent:hover { background: #d9d9d9 }
|
|
.tourRelated .tourContent:hover a .fa { color: #a31022; }
|
|
.tourRelated .tourContent .withArrow { display: block; text-align: center; position: relative; }
|
|
.tourRelated .tourContent .withArrow .fa { font-size: 300%; margin-top: 24px; color: #d1d1d1; }
|
|
.tourRelated .tourContent strong { display: block; font-size: 20px; font-weight: 300; margin: 5px 0 15px; }
|
|
.tourRelated .tourContent em { display: block; font-size: 15px; line-height: 20px; color: #777; }
|
|
.tourRelated .tmBtn { display: block; text-align: center; color: #a31022; font-size: 16px; border-radius: 4px; padding: 8px; margin-top: 30px; }
|
|
.tourRelated .tmBtn .fa { font-size: 150%; margin-left: 10px; color:#a31022; }
|
|
.tourRelated .tmAds:hover .tmBtn { background: #a31022; color: #fff; }
|
|
.tourRelated .tmAds:hover a .fa { color: #fff !important }
|
|
.tourRelated .tmAds strong { font-weight: 500 !important }
|
|
@media (max-width:760px) {
|
|
.tourRelated .tourContent {
|
|
height: auto !important;
|
|
}
|
|
.tourRelated .tourContent .withArrow .fa {
|
|
margin-top: 50px !important;
|
|
}
|
|
.tourRelated .tmAds:hover .tmBtn {
|
|
background: none;
|
|
color:#d9d9d9;
|
|
}
|
|
.tourRelated .tmBtn {
|
|
color:#f1f1f1 !important;
|
|
position:absolute;
|
|
top:10%;
|
|
margin-top:0 !important;
|
|
}
|
|
}
|
|
/* continue reading */
|
|
.continueReading { display: block; overflow: hidden; margin:50px 0; }
|
|
.continueReading strong { color:#999; font-weight:400; margin-right:5px; }
|
|
.continueReading a { text-decoration: none; font-size:16px; display: table-cell; vertical-align:middle; padding:10px 15px; }
|
|
.readPre { display: table; border:1px solid #d1d1d1; border-radius:4px; width:350px; float:left; position:relative; padding-left:72px; background:#f9f9f9 }
|
|
.readPre a:hover { background:#f1f1f1; transition:ease-in-out 0.8s; }
|
|
.readNext a:hover { background:#f1f1f1; transition:ease-in-out 0.8s; }
|
|
.readNext { display: table; border:1px solid #d1d1d1; border-radius:4px; width:350px; float:right; position:relative; padding-right:88px; background:#f9f9f9 }
|
|
.readPre span { display: block; position:absolute; height:30px; left:10px; top:calc(50% - 15px); color:#999; font-size:20px; }
|
|
.readPre a { border-left:1px solid #d1d1d1; height:66px; background:#fff; border-radius:0 4px 4px 0; }
|
|
.readNext a { border-right:1px solid #d1d1d1; height:66px; background:#fff; border-radius:4px 0 0 4px; }
|
|
.readNext span { display: block; position:absolute; height:30px; right:10px; top:calc(50% - 15px); color:#999; font-size:20px; }
|
|
.continueReading .fa-angle-left { font-size:35px; margin-right:5px; vertical-align:middle; margin-top:-5px; }
|
|
.continueReading .fa-angle-right { font-size:35px; margin-left:5px; vertical-align:middle; margin-top:-5px; }
|
|
/* find useful articles */
|
|
.findUseful { display: block; background:url(https://data.chinahighlights.com/pic/red-arrow-white-bg.png) no-repeat right #a31022; border-radius:4px 0 0 4px; margin:50px 0; }
|
|
.findUseful a { text-align:center; display: block; padding:20px 40px 20px 20px; text-decoration: none; font-size:20px; color:#fff; font-weight:300 }
|
|
.findUseful a:hover { color:#fff; }
|
|
/* weather forecase */
|
|
.weatherForecast { display: block; width: 100%; border: 2px solid #d1d1d1; border-radius: 4px; float:right; font-size: 14px; }
|
|
@media(min-width:768px) {
|
|
.weatherForecast {
|
|
width: 360px !important;
|
|
}
|
|
}
|
|
#location { display: block; text-align:left; font-size:16px; font-weight:bold; padding:20px 0 0 20px; margin:-5px 0 0 -15px;}
|
|
#time { display:block; float:left; width:12.5%; margin-bottom: 5px; padding-top:20px; }
|
|
#weeks { width:29.16%; display:block; float:left; position:relative; padding-top:20px; margin-bottom: 5px; }
|
|
#weatherCondition { display: block; margin-top: 5px; margin-bottom: 15px; border-bottom:2px solid #9ebfd8; color:transparent !important; }
|
|
.tempCondition { display: block; margin-bottom: 5px; overflow: hidden; }
|
|
.tempCondition #tempSign { display: block; margin-bottom: 15px; width: 140px; float: left; }
|
|
.tempCondition #tempSign img { display: inline-block; margin-top:15px; }
|
|
img { vertical-align: middle; border: 0; }
|
|
#weatherInfo { margin-top:20px; }
|
|
#weatherInfo li { list-style:none; margin-bottom:5px; }
|
|
#weatherInfo li.weatherTemp { font-size:35px; margin-bottom:15px; }
|
|
.tempCondition #tempSign strong { font-size: 60px; font-weight: normal; }
|
|
.tempCondition #tempSign sup { top: -33px !important; font-size: 16px; }
|
|
sup { top: -.5em; }
|
|
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
|
|
.dailyWeather { display: block; margin-top: 5px; overflow: hidden; }
|
|
ul { margin: 0; padding: 0; }
|
|
ul li { list-style: none; }
|
|
.dailyWeather li { display: block; float: left; width: 25%; text-align: center; border-right: 1px solid #d1d1d1; }
|
|
.dailyWeather strong { font-weight: normal; text-transform: uppercase; display: block; margin-bottom: 10px; }
|
|
.dailyWeather img { margin-bottom: 10px; }
|
|
.dailyWeather em { font-style: normal; display: block; font-size: 12px; }
|
|
.dailyWeather li:last-child { border-right: none; }
|
|
.weatherForecast { display:block; margin:0 0 25px 25px; background:url('https://www.chinahighlights.com/pic/weather/bg.jpg') repeat-x; color: #fff; float: right; border-radius: 4px; line-height:20px; }
|
|
.cityWeatherDate { display:block; border-bottom:solid 1px #9ebfd8; padding: 20px 0; }
|
|
.today { display:block; padding: 20px; }
|
|
.today ul li { display:block; padding:2px 0; text-align: left; }
|
|
.today img { display:block; vertical-align: center; padding-left: 30px; }
|
|
#todayTemperature { font-size: 30px; }
|
|
.futureWeather { float: left; border-right: solid 1px #9ebfd8; text-align: center; width:25%; margin-top:20px; margin-bottom: 10px; }
|
|
.futureWeather li { display:block; }
|
|
.futureWeather:last-child { border-right: none; }
|
|
.futureWeather img { width: 40%; margin: 10px 0; }
|
|
.futureWeather span{display:block;}
|
|
/* for new year home */
|
|
.newYearPhoto { display: block; background:#f1f1f1; width:400px; float: right; margin:0 0 20px 30px; padding-bottom:20px; border-radius:0 0 4px 4px;}
|
|
.newYearPhoto img { border-radius:4px 4px 0 0!important; margin-bottom:20px;}
|
|
.newYearPhoto th { padding:5px 10px 5px 15px; vertical-align: top;}
|
|
.newYearPhoto td { padding:5px 10px; }
|