/*广交会促销*/ .cantonfair-banner{background: url(https://data.chinahighlights.com/css/images/banner/hotel/canton-fair-prom.jpg) no-repeat scroll center top;} /*--China Train Search result--d*/ #trainContent { width:660px; margin-left:20px; float:left; } #trainsearchResult { width:950px; margin: 0px 0 10px 20px; } .tailormadeBox { border:1px solid #d1d1d1; background-color:#f1f1f1; padding: 5px 5px; width: 640px; margin: 10px 0 20px 0; line-height: 18px; text-align: justify } .tailormadeBox img { margin: 0 0 0 8px; } .tailormadeBox a { text-decoration: underline; font-weight: bold; color:#545454; } .tailormadeBox a:hover { text-decoration: none; color:#A31022; } .themeTourHOVER4 { border: 1px solid #d1d1d1; background-color:#fff; font-size:11px; font-weight: normal; padding: 3px; position:absolute; top: -35px; right: 100px; display: none; width: 350px; height: auto; text-align: left; -moz-border-radius: 4px; z-index: 5000; } .themeTourHOVER3 { border: 1px solid #d1d1d1; background-color:#fff; font-size:11px; font-weight: normal; padding: 3px; position:absolute; top: -20px; right: 5px; display: none; width: 350px; height: auto; text-align: left; -moz-border-radius: 4px; z-index: 5000; } .themeTourHOVER1 { border: 1px solid #d1d1d1; background-color:#fff; font-size:11px; font-weight: normal; padding: 3px; position:absolute; top: 20px; right: -50px; display: none; width: 350px; height: auto; text-align: left; -moz-border-radius: 4px; z-index: 5000; } .themeTourHOVER2 { border: 1px solid #d1d1d1; background-color:#fff; font-size:11px; font-weight: normal; padding: 3px; position:absolute; top: 20px; right: 20px; display: none; width: 350px; height: auto; text-align: left; -moz-border-radius: 4px; z-index: 5000; } .themeTourHOVER_arrow { position:absolute; bottom: -18px; left: 40px; background: url(https://data.chinahighlights.com/pic/arrow-upandleft.png) no-repeat; width: 27px; height: 19px; } .themeTourHOVER_arrow2 { position:absolute; bottom: -18px; left: 300px; background: url(https://data.chinahighlights.com/pic/arrow-upandleft.png) no-repeat; width: 27px; height: 19px; } .tourpicIntro { margin:5px 0; font-size:11px } .tourpicIntro a { color:#545454; text-decoration: underline; } .tourpicIntro a:hover { color:#a31022; text-decoration: none; } /*search result*/ .flightSchedule { width:640px; padding:10px; border:1px solid #d1d1d1; background:url(https://data.chinahighlights.com/css/images/train/flight-bg.jpg) repeat-x top; margin:10px 0; } .flightSchedule .flightTitle { font-size:13px; margin:0 0 10px 0; padding:0; font-weight: bold; display:block; } .flightSchedule .flightTitle a { color:#656565; margin:0 0 5px 0; padding:0; text-decoration:none; } .flightSchedule ul { margin:0; } .flightSchedule ul li { font-size:11px; list-style:none; display:block; padding:0 10px 5px 0; width:auto; float:left; } .flightSchedule ul li a { color:#545454; } .flightSchedule ul li a:hover { color:#a03; } .trainSearchStyle{ background:#f1f1f1; margin:0 0 10px 0; border:1px solid #d1d1d1; padding:10px;} .trainSearchStyle input{ padding:5px 5px 5px 5px;; border:1px solid #d1d1d1; font-size:12px; width:190px;} .trainResult { width:660px; padding:0; margin-bottom:10px; } ul.majorCity li a{ color:#545454;} ul.majorCity li{ list-style:none; display:block; width:100px; float:left; margin:0 0 10px 0;} .trainResult span.searchAgain { display:block; width:auto; background:#d4d2d2; font-size:14px; font-weight:bold; color:#545454; padding:5px 0 5px 50px; height:38px; } .trainResult span.ticketAgain { display:block; width:auto; background:#d4d2d2; font-size:14px; font-weig ht:bold; color:#545454; padding:5px 0 5px 50px; height:38px; } .searchDetail { width:250px; float: left; margin-right:10px; font-size:11px; font-weight: bold; margin-bottom:8px;} .searchButton { width:90px; float: right; display: block; margin-bottom:3} .trainResult input.city { font-size:12px; color:#545454; padding:2px 0 2px 5px; width:150px; margin:0; border:1px solid #8c8c8c; } .trainResult input.time { background:#fff url(https://data.chinahighlights.com/css/images/calender.GIF) no-repeat right ; padding:5px 0 5px 5px; width:150px } .trainResult .searchInfo { display:block; width:640px; background:#e9e9e9; font-size:12px; font-weight:bold; color:#565656; padding:8px 10px 8px 10px; margin:0; } .trainResult .searchInfo a{ color:#545454;} .trainResult .searchInfo span { font-size:11px; font-weight:100; color:#757575; } .trainResult table tr th { background:#f5f5f5; font-size:11px; font-weight:bold; color:#545454; padding:5px 0 5px 5px; border-right:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; border-top:1px solid #d1d1d1; text-align:left; } .trainResult table tr th a { color:#1b95c2; text-decoration:none; } .trainResult table tr th.noline { border-right:none; } .trainResult table tr th select { font-size:11px; color:#565656; padding:0px; width:50px; } .trainResult table tr td { font-size:11px; text-align:left; color:#545454; padding:5px; line-height:18px; border-bottom:1px solid #d1d1d1; border-right:1px solid #d1d1d1; } .trainResult table tr td span.pricestyle{ display:block; width:100px; float:left; color:#545454; } .trainResult table tr td.trainPrice{ color:#F00;} .trainResult table tr td.inquire { border-right:none; } .trainResult table tr td.price { position:relative; } .trainResult table tr td a { color:#545454; } .trainResult table tr td.trainNo{ font-size:12px; color:#0D548A; } .trainResult table tr td.trainNo span{ display:block; position:relative; cursor:pointer; z-index: 0; width:100%; text-decoration:underline; word-break:keep-all; text-align:right; } .trainResult table tr td.trainNo strong{ display:block; width:100%;} .trainResult table tr td.trainNo .moreTrainId{ position:absolute; display:inline; background:#FFF; width:530px; -webkit-box-shadow: 10px 10px 25px #ccc; -moz-box-shadow: 10px 10px 25px #ccc; box-shadow: 10px 10px 25px #ccc; padding:10px; border:3px solid #d1d1d1; left: 60px; top: -22px; z-index: 80; } .trainResult table tr:hover { background:#f7f7f7; } .trainResult .morePrice { width:20px; float:right; text-align:right; margin-top:0px; cursor:pointer; } .trainResult .moreSitePrice { width:193px; position:absolute; left: 436px; top: 250px; border-left:1px solid #d1d1d1; border-top:1px solid #d1d1d1; background:#FFF; } /*city hotel*/ .cityHotel { background:#f6f6f6; width:640px; padding:10px; margin-bottom:10px; } .cityHotel select { padding:2px 5px 2px 5px; width:130px; border:1px solid #d1d1d1; font-size:12px; color:#545454; margin-bottom:5px; } .cityHotel input { padding:2px 5px 2px 5px; width:120px; border:1px solid #d1d1d1; font-size:12px; color:#545454; margin-bottom:5px; } span.buleFont { font-weight:bold; color:#278fcb; } a.cityTools { background-repeat:no-repeat; background-position: left; padding-left:30px; margin-right:10px; padding-top:5px; } a.weather { background-image:url(https://data.chinahighlights.com/css/images/train/weather.gif); } a.map { background-image:url(https://data.chinahighlights.com/css/images/train/map.gif); } a.sight { background-image:url(https://data.chinahighlights.com/css/images/train/sight.gif); } /*hotel promo*/ .hotelPromo { background:#EFEFEF; padding:10px; width:255px; } .hotelPromo .hotelTitle { font-size:12px; color:#656565; margin:0 0 8px 0; font-weight: bold; } .hotelPromo .hotelPic { margin-right:5px; } .hotelPromo ul li { padding-bottom:10px; border-bottom:1px dashed #d1d1d1; margin-bottom:8px; display:block; list-style:none; font-size:11px; line-height:24px; } /*see also*/ .seeAlsoLink { border:1px solid #d1d1d1; padding:8px; margin:10px 0; } .seeAlsoLink h5 { font-size:14px; color:#545454; padding:3px 0 5px 5px; border-bottom:1px solid #cfcfcf; margin:0; } .seeAlsoLink h5 a { color:#545454; text-decoration:none; } .seeAlsoLink h5 a:hover { color:#9f0c1e; } .seeAlsoLink ul { margin-left:5px!important; } .seeAlsoLink ul li { background:url(https://data.chinahighlights.com/css/images/drop-3.GIF) no-repeat 0 8px; line-height:20px; list-style:none; font-size:11px; padding:3px 3px 3px 15px; float:none!important; width:auto!important } .seeAlsoLink ul li a { text-decoration:none; } .seeAlsoLink input{ border:1px solid #d1d1d1; margin:10px 0 5px 0;} /*railway station*/ .infophoto { float:right; margin:0 0 5px 5px; } .infophoto img { max-width:250px; max-height:200px; } .trainSearch2 { width:255px; border:1px solid #d1d1d1; margin-bottom:10px; padding:10px; background:url(https://data.chinahighlights.com/css/images/train/search-bg.jpg) no-repeat bottom right; } .trainSearch2 h5 { font-size:12px; color:#656565; margin:0 0 8px 0; } .trainSearch2 input { width:110px; border:1px solid #d1d1d1; padding:3px 0 3px 5px; font-size:12px; color:#545454; } ol.noteList { margin-left:10px; padding-left:10px; } ol.noteList li { line-height:18px; margin-bottom:5px; list-style-position:outside; font-size:11px; } /*train list的城市列表*/ ul.majorSchedule li{ display:block; float:left; width:200px; list-style:none; padding:0 0 10px 0;} .trainScheduleList{ width:150px; float:left; margin:0 5px 0 0; } .trainScheduleList dl dt{ background:#f1f1f1; font-size:14px; padding:3px; font-weight:bold; margin:0 0 10px 0;} .trainScheduleList dl dd{ font-size:12px; margin:0 0 10px 0px; padding:0;} .trainScheduleList dl dd a{ color:#545454; text-decoration:none;} .trainScheduleList dl dd a:hover{ text-decoration:underline;} /* qa for embassy */ .cityFaq { margin:15px 0; border:1px solid #f1f1f1; background:#f6f6f6; padding:10px; } .cityFaq h3 { font-size:16px; margin:0 0 5px 0; background:url(https://data.chinahighlights.com/pic/red-dot.png) no-repeat left 5px; padding:0 0 10px 18px; border-bottom:1px solid #d1d1d1; } .moreContent .cityFaq h3 { font-size:16px; margin:0 0 5px 0!important; background:url(https://data.chinahighlights.com/pic/red-dot.png) no-repeat left 5px; padding:0 0 10px 18px; border-bottom:1px solid #d1d1d1!important; } .cityFaq .question { background:url(https://data.chinahighlights.com/css/images/guide/bg-city/bg-q.png) no-repeat left 5px; padding-left:20px; padding-top:0px; font-size:13px; margin-bottom:10px; line-height:16px!important; border-bottom:1px solid #f1f1f1; } .cityFaq .question a { font-size:12px; text-decoration:none!important; font-weight:normal; text-transform:capitalize; } .cityFaq .question a:hover { text-decoration:underline!important; } .cityFaq .answer { background:url(https://data.chinahighlights.com/css/images/guide/bg-city/bg-a.png) no-repeat left top; padding:3px 0 10px 18px; line-height:16px; border-bottom:1px dashed #999; margin-bottom:10px; font-size:11px; color:#333; position:relative } .cityFaq .answer a { color:#a31022 } .cityFaq .answer a:hover { text-decoration: underline } .cityFaq .askquestionBox { background:url(https://data.chinahighlights.com/css/images/guide/bg-city/bg-ask-question.png) no-repeat; padding:30px 0 15px 15px; font-size:11px; font-weight:bold; color:#666; margin:0 0 5px 5px; width:594px; height:232px; } .cityFaq .askquestionBox textarea { border:1px solid #7E9DB9; background:url(https://data.chinahighlights.com/css/images/guide/bg-city/bg-message.png) repeat-x top #fff; width:500px; height:110px; margin:10px 0 10px 0; font-size:12px; line-height:18px; padding:5px; } .cityFaq .askquestionBox input { border:1px solid #7E9DB9; background:#fff; padding:3px 5px; margin-right:25px; margin-bottom:10px; } .cityFaq .askquestionBox input.checkBox { vertical-align:middle; margin-top:-3px; margin-bottom:0; border:none; background:none; margin-right:5px; padding:0; } .cityFaq .askquestionBox a { color:#a31022; } .cityFaq .answer .answerquestion { display: block; width:125px; position:absolute; right:0; bottom:5px; } .cityFaq .answer .answerquestion a { color:#a31022; } /* css from travelguide.css */ #trainSearch { margin-bottom:10px; padding:5px 5px 10px 10px; -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topright:4px; background: #f1f1f1; } #searchDestination { padding:3px 30px 10px 15px; margin-bottom:10px; background:#f1f1f1; border:1px solid #CCCCCC; } #searchDestination h5 { font-size:14px; display:block; width:190px; float:left; padding:15px 5px 5px 0; } .searchTrains { padding:2px 0px; margin-bottom:20px; border-bottom:1px solid #ccc } .searchBox { width:315px; float:left; padding:0px 0px 15px 10px; margin-right:18px; position:relative; } .searchBox { width:315px; float:left; padding:0px 0px 15px 10px; margin-right:18px; position:relative; } .searchTrains h3 { background:url(https://data.chinahighlights.com/pic/yellow-arrow.gif) no-repeat left; padding-left:18px; font-size:15px; margin:-2px 0 8px 0; } .searchTrains h4, .searchDestination h4 { font-size:11px; margin:0; } .searchTrains .trainsearchTitle { font-size:11px;} .searchTerms { border:1px solid #d1d1d1; background:#fff; -moz-border-radius:4px; width:280px; padding:6px 0 6px 8px; float:left; font-size:11px; line-height:18px; margin:-10px 0 5px 10px; position:relative; } .searchTerms .arrowDown { background:url(https://data.chinahighlights.com/pic/arrow-downandleft.png) no-repeat; width:18px; height:27px; position:absolute; left:-18px; top:20px; } .searchTerms ul { margin:0; } .searchTerms ul li { list-style:none; font-size:11px; line-height:17px; margin-bottom:5px; background:url(https://data.chinahighlights.com/css/images/drop-1.GIF) no-repeat left 6px; padding-left:15px; } .searchForm { margin-top:15px; } .inputBox { width:165px; padding:4px 5px; margin-top:0px; margin-bottom:8px; background:#fff; border:1px solid #7E9DB9; color:#333; -moz-border-radius:4px; } .inputDestination { padding:3px; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; width:350px; color:#666; } .inputButtonTrain { cursor:pointer; position:absolute; right:8px; bottom:17px; } .inputBox { padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; width:180px; color:#666; } .inputDestination { padding:3px; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; width:350px; color:#666; } /* related news css style */ .guideBox { margin:10px 0 15px 0; border:none; padding-bottom:10px; border:1px solid #f6f6f6; -moz-border-radius:4px; background:#f3f3f3; } .guideBox .guideBoxTitle { font-size:18px; background:#f3f3f3; border-bottom:1px solid #a1a1a1; font-weight:500; color:#2988b0; margin:0 5px 15px 5px; padding:8px 0 5px 0px;} .guideBox h4 { font-size:18px; background:#f3f3f3; border-bottom:1px solid #a1a1a1; font-weight:500; color:#2988b0; margin:0 5px 15px 5px; padding:8px 0 3px 0px; } .guideBox ul { margin:0 10px 0 0; } .guideBox ul li { list-style:none; background:url("https://data.chinahighlights.com/pic/square.png") no-repeat scroll left 8px transparent; padding:0 0 5px 13px; line-height:18px; font-size:12px; margin:0 0 8px 10px; border-bottom:1px solid #fff; color:#666; } .guideBox ul li a { text-decoration:none; margin-right:8px; } .seeAlsoLink .seealsoTitle {font-size:18px; color:#545454; padding:3px 0 5px 5px; border-bottom:1px solid #cfcfcf; margin:0; } .seeAlsoLink h2 { margin: 0 0 5px 0; font-size:18px; padding: 0 0 5px 0; border-bottom:1px solid #d1d1d1; font-weight: normal} .flights2China { margin: 15px 0; position:relative } .closeAds { position:absolute; right:5px; top:5px; display: block; cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-size:15px; background:#fff; color:#000; padding:0 5px;} .closeAds:hover { background:#d1d1d1;} /*火车票代售点信息*/ .officeCity{ background:#f1f1f1; border:1px solid #d1d1d1; padding:5px 10px 5px 10px; position:relative;} .officeCity .areaList{ width:171px; position:absolute; border:1px solid #d1d1d1; padding:5px; left: 109px; top: 23px; background:#fff; } .searchCity{ width:50px; float:left; padding:10px 0 0 0;} .officeCity .areaList ul li{ list-style:none; padding:5px; border-bottom:1px solid #d1d1d1;} .officeCity .areaList ul li:hover{ background:#f1f1f1;} .officeCity a.cityList{ color:#545454; padding:0 12px 0 0; background:url(https://data.chinahighlights.com/css/images/arrow.gif) no-repeat right;} .ticketOffice{ border-bottom:1px solid #d1d1d1; padding:10px;} p.officeTitle{ font-weight:bold; padding:0; margin:0 0 5px 0;} .ticketOffice ul li{ display:block; width:310px; font-size:11px; float:left; list-style:none; padding:0 0 10px 0;} ul.officeonList li{ width:130px; float:left; padding:0 0 5px 0; list-style:none;} #ticketleftContent { width:950px; margin-left:20px; display:inline; float:left; position:relative } #ticketleftContent p { color:#444; font-family:Verdana, Arial, Helvetica, sans-serif; font-style:normal; font-weight:normal; line-height:20px; margin-bottom:10px } ol, ul { padding:0px } ol { list-style-position:inside } ol li { margin:0 0 8px 0; padding:0px; line-height:16px } ol li a, ul li a { color:#545454 } ol li a:hover, ul li a:hover { text-decoration:none; color:#a31022 } .ticketResult { width:950px; padding:0; margin-bottom:10px; } ul.majorCity li a{ color:#545454;} ul.majorCity li{ list-style:none; display:block; width:100px; float:left; margin:0 0 10px 0;} .ticketResult span.searchAgain { display:block; width:auto; background:#d4d2d2; font-size:18px; font-weight:bold; color:#545454; padding:5px 0 5px 50px; height:38px; } .searchDetail { width:250px; float: left; margin-right:10px; font-size:11px; font-weight: bold; margin-bottom:8px;} .searchButton { width:54px; float: right; display: block; margin: 8px 50px 0 0;} .ticketResult input.city { font-size:12px; color:#545454; padding:2px 0 2px 5px; width:150px; margin:0; border:1px solid #8c8c8c; } .ticketResult .searchInfo { display:block; width:640px; background:#e9e9e9; font-size:12px; font-weight:bold; color:#565656; padding:8px 10px 8px 10px; margin:0; } .ticketResult .searchInfo a{ color:#545454;} .ticketResult .searchInfo span { font-size:11px; font-weight:100; color:#757575; } .ticketResult table tr th { background:#f5f5f5; font-size:11px; font-weight:bold; color:#545454; padding:5px 0 5px 5px; border-right:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; border-top:1px solid #d1d1d1; text-align:left; } .ticketResult table tr th a { color:#1b95c2; text-decoration:none; } .ticketResult table tr th.noline { border-right:none; } .ticketResult table tr th select { font-size:11px; color:#565656; padding:0px; width:50px; } .ticketResult table tr td { font-size:11px; text-align:left; color:#545454; padding:5px; line-height:18px; border-bottom:1px solid #d1d1d1; border-right:1px solid #d1d1d1; } .ticketResult table tr td span.pricestyle{ display:block; width:100px; float:left; color:#545454; } .ticketResult table tr td.trainPrice{ color:#F00;} .ticketResult table tr td.inquire { border-right:none; } .ticketResult table tr td.price { position:relative; } .ticketResult table tr td a { color:#545454; } .ticketResult table tr td.trainNo{ font-size:12px; color:#0D548A; } .ticketResult table tr td.trainNo span{ display:block; position:relative; cursor:pointer; z-index: 0; width:100%; text-decoration:underline; word-break:keep-all; text-align:right; } .ticketResult table tr td.trainNo strong{ display:block; width:100%;} .ticketResult table tr td.trainNo .moreTrainId{ position:absolute; display:inline; background:#FFF; width:530px; -webkit-box-shadow: 10px 10px 25px #ccc; -moz-box-shadow: 10px 10px 25px #ccc; box-shadow: 10px 10px 25px #ccc; padding:10px; border:3px solid #d1d1d1; left: 96px; top: -22px; z-index: 80; } .ticketResult table tr:hover { background:#f7f7f7; } .chainPromo2{ width:275px; border:#b3b3b3 1px solid; padding:0; margin-bottom:10px; } .chainPromo2 h2{ font-size:16px; padding:8px 10px 8px 10px; background:#ebebeb; color:#545454; margin:0 0 0px 0; font-weight:100; } .chainPromo2 .h2 a{ color:#545454; text-decoration:none; } .chainPromo2 .moreDetails{ margin:10px;} .chainPromo2 .moreDetails img{ margin:10px 0 0 0;} .chainPromo2 .moreDetails .fromCity{ float:left; display:block; width:120px; font-size:12px; color:#545454; line-height:18px; margin-right:5px; } .chainPromo2 .moreDetails input{ width:155px; border:1px solid #d1d1d1; padding:4px; font-size:12px; color:#545454; }