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.
130 lines
9.7 KiB
CSS
130 lines
9.7 KiB
CSS
@charset "utf-8";
|
|
/* CSS Document */
|
|
#leftBlock { border-radius:4px; margin:50px 0; padding-right:30px;}
|
|
.rightBlock { margin-top:10px;}
|
|
.rightBlock img { width:100%;}
|
|
h2 { font-size:25px !important; font-weight: normal; margin:20px 0 15px; display: block}
|
|
h3 { font-size:18px; font-weight: normal; margin:0 0 15px; position:relative}
|
|
.mainCruise { display: block; color:#fff; background:#0C6197; position:relative; font-size:20px; margin: 20px 0 30px; padding:5px 15px; text-shadow:0 0 2px #333 }
|
|
.mainCruise .borderBlock { display: block; position:absolute; left:-5px; top:-5px; width:6px; height:39px; border-radius:4px; background:#0C6197}
|
|
h2 i { font-size:15px; font-style:normal}
|
|
/*h2:first-letter { font-size:25px;}*/
|
|
.whichCruise { display: block; margin:30px 0 25px;}
|
|
.whichCruise ul { margin: 0 0 15px 0; height:25px; height:100%; overflow:hidden}
|
|
.whichCruise ul li {line-height:20px; margin-bottom:20px; font-size:16px; list-style: none; margin-right:15px; display: block; background:url(https://data.chinahighlights.com/css/images/tour/detail/comfort-icon-20.png) no-repeat left 2px; padding-left:30px; cursor:pointer}
|
|
/* tianjin port tour map */
|
|
.portMap { display: block; margin:0 0 10px;}
|
|
.portMap img { border-radius:4px;}
|
|
/* page reviews */
|
|
.cruisecritic { display: block; height:100%; background:#fff; box-shadow:0 0 2px #999; border-radius:4px; padding:20px; position:relative}
|
|
.reviewList { display: block; background:url(https://data.chinahighlights.com/pic/quote-left.png) no-repeat left top; padding-left:30px; line-height:22px; margin-bottom:20px;}
|
|
.tripadvisor { display: block; background:#fff; box-shadow:0 0 2px #999; border-radius:4px; padding:20px; position:relative;}
|
|
.talogo { display: block; background:url(https://data.chinahighlights.com/pic/logo/tripadvisor.png) no-repeat; width:100px; height:22px; position:absolute; right:10px; top:12px;}
|
|
.talogo a { display: block; width:100px; height:22px;}
|
|
.cclogo { display: block; background:url(https://data.chinahighlights.com/pic/logo/cruisecritic-logo.png) no-repeat; width:100px; height:28px; position:absolute; right:10px; top:13px;}
|
|
/* top recommended tours */
|
|
.topTours { display: block; height:100%; overflow: hidden; box-shadow:0 0 2px #000; margin:0 0 30px; padding:15px 5px; background:#fff; border-radius:4px; position:relative}
|
|
.topTours .photoLeft { display: block; position: relative}
|
|
.topTours .photoLeft img { border-radius:4px; width:100%; margin-bottom:10px;}
|
|
.topTours .photoLeft .bestSeller { display: block; background:#a31022; position:absolute; left:15px; top:5px; border-radius:0 20px 20px 0; color:#fff; padding:2px 5px;}
|
|
.topTours .photoLeft .discount { display: none; background:#0C6197; position:absolute; left:15px; top:28px; border-radius:0 20px 20px 0; color:#fff; padding:2px 5px;}
|
|
.topTours .tourInfo ul{ margin:0}
|
|
.topTours .tourInfo ul li { list-style: none; line-height:18px; margin-bottom:5px; background:url(https://data.chinahighlights.com/pic/square.png) no-repeat left 7px; padding-left:15px; position:relative; margin-left:25px;}
|
|
.topTours .tourInfo ul li sup { position:absolute; right:0; top:-5px; color:#a31022}
|
|
.topTours .tourInfo ul li.first { padding-left:0; background: none; margin-left:0}
|
|
.topTours .tourInfo ul li.second { background:url(https://data.chinahighlights.com/pic/gou-blue.png) no-repeat -3px center; padding-left:25px; margin-left:0}
|
|
.topTours .tourInfo h3 { margin:0 0 10px; line-height:20px;}
|
|
.topTours .tourInfo h3 em { border-bottom:1px dotted #333; padding-bottom:0; font-style:normal}
|
|
.topTours .tourInfo h3 a { text-decoration: none; font-size:18px;}
|
|
.topTours .tourInfo h3 a:hover { text-decoration: underline;}
|
|
.inquiryBlock { padding:5px; border-radius:4px; margin:15px 10px 0; overflow: hidden}
|
|
.topTours .tourInfo .priceFrom { display: inline-block; color:#a31022; font-size:20px; padding:5px; border-radius:4px; position:relative}
|
|
.topTours .tourInfo .priceFrom .lastDeal { display: block; position:absolute; left:60px; top:30px; color:#fff; background: #0c6197; font-size:12px; padding: 1px 8px; border-radius:5px; font-style:italic; }
|
|
.topTours .tourInfo .priceFrom s { font-size:12px; color:#545454; text-decoration:inherit;}
|
|
.topTours .tourInfo .priceFrom b { font-size:12px; font-weight: normal; color:#545454}
|
|
.topTours .tourInfo .bookNow { display:inline-block; text-align:center; color:#a31022; font-size:18px; float: right; margin-top:5px;}
|
|
.topTours .tourInfo .bookNow a { color:#a31022}
|
|
/* xingang tailor form */
|
|
#tailorForm { display: block; margin:30px 0; border-radius:4px; padding:20px 20px 0; line-height:18px; z-index:9999; border:2px solid #a31022; overflow: hidden}
|
|
#tailorForm .tailorTitle { display: block; font-size:18px; margin:0 0 10px;}
|
|
#tailorForm .tailorTitle:first-letter { font-size:20px;}
|
|
#tailorForm .serviceTitle { display: block; font-size:16px; margin:20px 0 10px;}
|
|
#tailorForm input[type="radio"], input[type="checkbox"] { vertical-align:middle; margin:-3px 5px 0 3px!important;}
|
|
#tailorForm input.calendar {border:1px solid #666; background:#fff; border-radius:4px; padding:0 3px; width:100%; padding:5px; margin-bottom:10px; color:#555}
|
|
#tailorForm .sendButton { display: block; background: url(/pic/arrow-single.png) no-repeat 80% #a31022; padding:20px 0; color:#fff; cursor:pointer; font-size:18px; border: none; margin:15px -20px 0; width:116%;}
|
|
#tailorForm .sendButton:hover { font-size:20px;}
|
|
#tailorForm label { margin-right:5px; font-weight: normal; margin-bottom:10px;}
|
|
#tailorForm label.others { display: block;}
|
|
#tailorForm label.others input[type="text"] { border:1px solid #666; background:#fff; border-radius:4px; padding:0 3px; width:100px;}
|
|
#tailorForm label.othercity input[type="text"] { border:1px solid #666; background:#fff; border-radius:4px; padding:0 3px; width:100px;}
|
|
#tailorForm select { border:1px solid #666; background:#fff; border-radius:4px; width:100%; color:#555; height:30px;}
|
|
#tailorForm textarea { border:1px solid #666; background:#fff; border-radius:4px; color:#555; height:120px; width:100%; padding:5px; font-size:12px;}
|
|
|
|
#tailorForm .contactInfo input { border:1px solid #666; background:#fff; border-radius:4px; padding:0 3px; width:100%; padding:5px; margin-bottom:15px; color:#555}
|
|
.required { display: block; border:2px dashed #a31022!important; margin-left:-2px; margin-right:-2px;}
|
|
input.othercont { width:100%;}
|
|
/* right articles */
|
|
.rightPic { display: block; margin:15px auto; border-top:2px dashed #d1d1d1; padding-top:10px;}
|
|
.rightPic .rightTitle { display: block; margin-bottom:15px; font-size:16px;}
|
|
.infoList img { margin-bottom:10px; width:100%;}
|
|
.infoList a { text-decoration: none;}
|
|
/* faqs */
|
|
.faqBlock {margin-bottom:10px;}
|
|
.faqBlock span { border-bottom:1px solid #d1d1d1; padding-bottom:5px; margin-bottom:10px; font-weight: bold; display: block; font-size:18px;}
|
|
|
|
/* group info */
|
|
.groupTable { border:1px solid #999; border-radius:10px;}
|
|
.groupTable th { padding:10px; background:#666; color:#fff; text-transform: uppercase}
|
|
.groupTable td { padding:10px; border-bottom:1px solid #d1d1d1; }
|
|
.groupTable td.last { border-right: none}
|
|
.groupTable td.half { border-bottom:1px dashed #d1d1d1}
|
|
.bookButton { background:#a31022; padding:5px; width:100%; display: block; text-align:center;border-radius:4px; color:#fff;text-transform:capitalize; }
|
|
.bookButton a { color:#fff; text-decoration: none; font-size:14px; }
|
|
.bookButton a:hover { color:#f9f9f9; text-shadow:0 0 5px #fff}
|
|
.bookFull { background:#999; display: block; width:100%; text-align:center; font-size:14px; padding:5px; border-radius:4px; color:#444}
|
|
.price { color:#a31022; font-size:16px;}
|
|
.shipName { font-size:16px; text-transform:uppercase; background:#0c6197; color:#fff}
|
|
/* lily info */
|
|
@media(max-width:750px) {
|
|
.lilyIntro { height:auto !important;}
|
|
.portMap { margin:10px -15px;}
|
|
#leftBlock { padding-right:0 !important;}
|
|
.topTours .photoLeft img { margin-bottom:20px !important;}
|
|
.inquiryBlock { margin-top:0 !important;}
|
|
.tailor-make-right { display: none !important;}
|
|
#tailorForm .tailorTitle { font-size:25px !important; margin-bottom:30px !important;}
|
|
}
|
|
.lilyIntro { display: block; margin:20px 0 15px; font-size:14px; height:150px;}
|
|
.lilyIntro .icon {
|
|
width: 150px;
|
|
height: 150px;
|
|
display: inline-block;
|
|
float: right;
|
|
margin: -15px 0 0 20px
|
|
}
|
|
.lilyIntro .icon img { border-radius:4px; margin-bottom:3px;}
|
|
|
|
.groupLink { display: block; margin:0 0 10px; height:25px;}
|
|
.groupLink li { width: auto; float: left; margin-right:50px; }
|
|
.groupLink li a { background:url("https://data.chinahighlights.com/css/images/tour/detail/comfort-icon-20.png") no-repeat scroll left 2px rgba(0, 0, 0, 0); font-size:14px; padding:0 0 2px 30px;}
|
|
.groupLink li a:hover { background:url("https://data.chinahighlights.com/css/images/tour/detail/comfort-icon-20-hover.png") no-repeat scroll left 2px rgba(0, 0, 0, 0);}
|
|
.groupLink li a { text-decoration: none;}
|
|
|
|
.joinGroup { display: block; margin:0 0 15px;}
|
|
.joinGroup span.title { background:#d1d1d1; border-radius:4px 4px 0 0; display: block; text-align:center; font-size:18px; padding:5px 0; color:#000}
|
|
.joinGroup table { width:100%; border:1px solid #d1d1d1}
|
|
.joinGroup table th { padding:5px;}
|
|
.joinGroup table td { padding:5px; border-bottom:1px dashed #d1d1d1}
|
|
.joinGroup table td.centered { text-align:center}
|
|
.joinGroup table td.last { padding:10px;}
|
|
.joinGroup .viewAll { background:#a31022; float: right; border-radius:4px; padding:2px 10px; text-align:center}
|
|
.joinGroup .viewAll a { color:#fff; text-decoration: none}
|
|
|
|
.orBlock { display: block; text-align:center; font-size:40px; color:#f1f1f1;}
|
|
|
|
.startPlan { display: block; background:#a31022; text-align:center; padding:5px 0; width:300px; font-size:16px;border-radius:4px; margin:15px auto}
|
|
.startPlan a { color:#fff; text-decoration: none; }
|
|
.startPlan a:hover { color:#fff}
|
|
|
|
.tailor-make-right { display: block; margin:50px 0; font-size:20px; text-align:center;}
|
|
.tailor-make-right .fa { font-size:25px; margin-left:5px;} |