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.
241 lines
9.9 KiB
CSS
241 lines
9.9 KiB
CSS
6 years ago
|
@charset "utf-8";
|
||
|
|
/* CSS Document */
|
||
|
|
|
||
|
|
/* spotlight 4 guide home */
|
||
|
|
#spotlight { width:765px; margin:0 auto 15px auto; height:400px;}
|
||
|
|
#spotlight h2{ background: none repeat scroll 0 0 #E4E4E4;
|
||
|
|
border-left: 7px solid #A6A6A6;
|
||
|
|
font-size: 16px;
|
||
|
|
font-weight: normal;
|
||
|
|
height: 30px;
|
||
|
|
line-height: 30px;
|
||
|
|
margin: 10px 0;
|
||
|
|
padding-left: 10px;}
|
||
|
|
#spotlight .leftlargebox{ float: left;
|
||
|
|
margin: 0 auto -10px;
|
||
|
|
width: 375px;
|
||
|
|
}
|
||
|
|
#spotlight .leftlargebox .lefttopBox { width: 375px; height:155px; margin-bottom:10px; margin-right:10px; position: relative;}
|
||
|
|
#spotlight .leftlargebox .lefttopBox .leftTitle { background: url("https://data.chinahighlights.com/css/images/bg-tour-highlights.png") repeat scroll 0 0 transparent;
|
||
|
|
|
||
|
|
font-size:15px;
|
||
|
|
top:0px;
|
||
|
|
left:1px;
|
||
|
|
background:url(https://data.chinahighlights.com/css/images/bg-tour-highlights.png) repeat;
|
||
|
|
color:#fff;
|
||
|
|
padding:5px 0;
|
||
|
|
height: 23px;
|
||
|
|
width: 374px;
|
||
|
|
margin-top:-1px;
|
||
|
|
position: absolute;}
|
||
|
|
#spotlight .leftlargebox .lefttopBox .leftTitle a {
|
||
|
|
color: #FFF; text-decoration: none; margin-left: 5px; float: left;
|
||
|
|
}
|
||
|
|
#spotlight .leftlargebox .lefttopBox img{ width: 375px; height:155px; margin-top: -1px;}
|
||
|
|
#spotlight .leftlargebox .leftbottom1 { width: 180px; height:175px; margin-right: 10px; float:left; position: relative;}
|
||
|
|
#spotlight .leftlargebox .leftbottom1 .leftbottomTitle { background: url("https://data.chinahighlights.com/css/images/bg-tour-highlights.png") repeat scroll 0 0 transparent;
|
||
|
|
|
||
|
|
font-size:15px;
|
||
|
|
top:0px;
|
||
|
|
left:1px;
|
||
|
|
background:url(https://data.chinahighlights.com/css/images/bg-tour-highlights.png) repeat;
|
||
|
|
color:#fff;
|
||
|
|
padding:5px 0;
|
||
|
|
height: 38px;
|
||
|
|
width: 179px;
|
||
|
|
margin-top:-1px;
|
||
|
|
position: absolute;}
|
||
|
|
#spotlight .leftlargebox .leftbottom1 .leftbottomTitle a { color: #FFF; text-decoration: none; margin-left: 5px; float: left;}
|
||
|
|
#spotlight .leftlargebox .leftbottom1 img{ width: 180px; height:175px;}
|
||
|
|
#spotlight .leftlargebox .leftbottom2 { width: 180px; height:175px; float:right; position: relative;}
|
||
|
|
#spotlight .leftlargebox .leftbottom2 .leftbottomTitle { background: url("https://data.chinahighlights.com/css/images/bg-tour-highlights.png") repeat scroll 0 0 transparent;
|
||
|
|
|
||
|
|
font-size:15px;
|
||
|
|
top:0px;
|
||
|
|
left:1px;
|
||
|
|
background:url(https://data.chinahighlights.com/css/images/bg-tour-highlights.png) repeat;
|
||
|
|
color:#fff;
|
||
|
|
padding:5px 0;
|
||
|
|
height: 38px;
|
||
|
|
width: 179px;
|
||
|
|
margin-top:-1px;
|
||
|
|
position: absolute;}
|
||
|
|
#spotlight .leftlargebox .leftbottom2 .leftbottomTitle a { color: #FFF; text-decoration: none; margin-left: 5px; float: left;}
|
||
|
|
#spotlight .leftlargebox .leftbottom2 img{ width: 180px; height:175px;}
|
||
|
|
|
||
|
|
#spotlight .rightlargebox{ float: right;
|
||
|
|
margin: -331px auto -10px;
|
||
|
|
width: 375px;
|
||
|
|
}
|
||
|
|
#spotlight .rightlargebox p{ text-align:right;}
|
||
|
|
|
||
|
|
#spotlight .rightlargebox .rightbox1 { width: 180px; height:332px; padding-bottom:8px; border:#dfdfdf solid 1px; float:left; position: relative;}
|
||
|
|
#spotlight .rightlargebox .rightbox1 img{ width: 180px; height:230px;margin-bottom: 10px;}
|
||
|
|
#spotlight .rightlargebox .rightbox1 span{ font-size: 18px; color: #04679A; font-family: Verdana,Geneva,sans-serif;}
|
||
|
|
#spotlight .rightlargebox .rightbox1 span a{ text-decoration:none; color: #04679A; float: left; margin-left: 8px;}
|
||
|
|
#spotlight .rightlargebox .rightbox1 span a:hover { color:#A31022;}
|
||
|
|
#spotlight .rightlargebox .rightbox2 { width: 180px; height:332px; padding-bottom:8px; border:#dfdfdf solid 1px; float:right; position: relative;}
|
||
|
|
#spotlight .rightlargebox .rightbox2 img{ width: 180px; height:230px; margin-bottom: 10px;}
|
||
|
|
#spotlight .rightlargebox .rightbox2 span{ font-size: 18px; color: #04679A; text-align:right; font-family: Verdana,Geneva,sans-serif;}
|
||
|
|
#spotlight .rightlargebox .rightbox2 span a{ color: #04679A;
|
||
|
|
float: left;
|
||
|
|
margin-left: 8px;
|
||
|
|
text-align: left;
|
||
|
|
text-decoration: none;}
|
||
|
|
#spotlight .rightlargebox .rightbox2 span a:hover { color:#A31022;}
|
||
|
|
|
||
|
|
#sideBar { width:175px; padding-bottom:40px; margin-top:1px; float:left;}
|
||
|
|
/* nav left */
|
||
|
|
.navtitle {
|
||
|
|
background: none repeat scroll 0 0 #DFDFDF;
|
||
|
|
float: left;
|
||
|
|
font-size: 15px;
|
||
|
|
line-height: 18px;
|
||
|
|
padding: 5px 0 5px 5px;
|
||
|
|
width: 170px;
|
||
|
|
}
|
||
|
|
#sideBar .navLeft{ width:100%; height:auto; float:left; border-top:3px solid #a31022;}
|
||
|
|
#sideBar .navLeft ul{list-style:none; margin:0; padding:0;}
|
||
|
|
#sideBar .navLeft ul li{ list-style:none; margin:0; line-height:20px; border-top:1px solid #fff; border-bottom:1px dotted #ccc;}
|
||
|
|
#sideBar .navLeft ul li a{color:#a1a1a1; font-weight: bold; text-decoration:none; padding:5px 0 5px 20px; background:#fff url(https://data.chinahighlights.com/css/images/sprites.gif) no-repeat 8px -692px; float:left; width:155px;}
|
||
|
|
#sideBar .navLeft ul li a:hover{color:#FFF; background:#a31022;}
|
||
|
|
#sideBar .navLeft ul li a.active{background-color:#F4F4F4; color:#A31022;}
|
||
|
|
.leftAds{width:175px; float:left; margin:10px 0;}
|
||
|
|
.leftAds .imgcont{ position:relative;}
|
||
|
|
.leftAds img{width:175px;}
|
||
|
|
.leftAds span{position:absolute; bottom:0; background:url(https://data.chinahighlights.com/pic/nrb-bg.png); left:0; color:#FFF; width:100%; height:25px; line-height:25px; text-align:center; font-size:16px;}
|
||
|
|
|
||
|
|
.themeTitle {
|
||
|
|
background: none repeat scroll 0 0 #E4E4E4;
|
||
|
|
border-left: 7px solid #A6A6A6;
|
||
|
|
font-size: 15px;
|
||
|
|
margin-bottom: 1px;
|
||
|
|
padding: 5px 0 5px 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
ul.tourThemes {
|
||
|
|
margin: 5px 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
ul.tourThemes li {
|
||
|
|
border-bottom: 1px solid #D1D1D1;
|
||
|
|
line-height: 18px;
|
||
|
|
list-style: none outside none;
|
||
|
|
margin-bottom: 3px;
|
||
|
|
padding-bottom: 3px;
|
||
|
|
padding-left: 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
ul.tourThemes li a {
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
* {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.whyusboxTitle {
|
||
|
|
background: url("https://data.chinahighlights.com/css/images/guide/tour-info-title.jpg") no-repeat scroll 0 0 transparent;
|
||
|
|
float: left;
|
||
|
|
font-size: 18px;
|
||
|
|
height: 27px;
|
||
|
|
margin-top: 10px;
|
||
|
|
padding-top: 5px;
|
||
|
|
text-align: center;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.whyusBox ul {
|
||
|
|
border-color:#CCCCCC;
|
||
|
|
border-image: none;
|
||
|
|
border-style: none solid solid;
|
||
|
|
border-width: medium 1px 1px;
|
||
|
|
float: left;
|
||
|
|
padding: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.whyusBox ul li {
|
||
|
|
background: url("https://data.chinahighlights.com/pic/square-red.gif") no-repeat scroll left 6px transparent;
|
||
|
|
float: left;
|
||
|
|
line-height: 16px;
|
||
|
|
list-style: none outside none;
|
||
|
|
margin-bottom: 5px;
|
||
|
|
padding-left: 12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ourPromise {
|
||
|
|
|
||
|
|
|
||
|
|
font-size: 11px;
|
||
|
|
margin: 0 0 15px;
|
||
|
|
padding-bottom: 10px;
|
||
|
|
width:163px;
|
||
|
|
}
|
||
|
|
.ourPromise .promiseTitle {
|
||
|
|
background: none repeat scroll 0 0 #E4E4E4;
|
||
|
|
border-left: 7px solid #A6A6A6;
|
||
|
|
font-size: 15px;
|
||
|
|
margin-bottom: 1px;
|
||
|
|
padding: 5px 0 5px 5px;
|
||
|
|
}
|
||
|
|
.ourPromise ul {
|
||
|
|
margin: 5px 8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ourPromise ul li {
|
||
|
|
background: url("https://data.chinahighlights.com/pic/green-mark.png") no-repeat scroll left 5px transparent;
|
||
|
|
line-height: 18px;
|
||
|
|
list-style: none outside none;
|
||
|
|
margin-bottom: 8px;
|
||
|
|
padding-left: 22px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#topAttractions { background-color:#FFF; border-bottom: 10px; border-bottom-color:#dfdfdf; }
|
||
|
|
#topAttractions .things { padding-bottom:8px; border:#dfdfdf solid 1px; width: 249px; float:left; margin:0 4px 10px 0px; height:370px; }
|
||
|
|
#topAttractions .things .box { padding: 0 10px;}
|
||
|
|
#topAttractions .things img{width:249px; margin-left:-10px; height:205px; margin-bottom: 5px;}
|
||
|
|
#topAttractions .things .box span{font-size: 19px; color: #04679A;}
|
||
|
|
#topAttractions .things .box span a{font-size: 19px; color: #04679A; text-decoration:none;}
|
||
|
|
#topAttractions .things .box span a:hover{font-size: 19px; color: #A31022;}
|
||
|
|
#topAttractions .things p { line-height: 18px; float:left; padding:5px 0; }
|
||
|
|
#topAttractions .things .box ul li{background: url("https://data.chinahighlights.com/css/images/drop-1.GIF") no-repeat scroll 0 6px transparent !important; list-style: none outside none; padding-left: 15px; line-height: 23px;}
|
||
|
|
|
||
|
|
.TopSellers{width:100%;}
|
||
|
|
.TopSellers 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;}
|
||
|
|
.TopSellers ul{ list-style:none; width:100%; margin:10px 0; float:left; border-bottom:1px solid #CCC;}
|
||
|
|
.TopSellers ul img{width:280px; height:120px; border:none; float:left;}
|
||
|
|
.TopSellers ul img.moredetail{width:177px; height:32px; margin:10px 280px 0 0; display:inline; float:right;}
|
||
|
|
.TopSellers ul li{width:470px; float:right; line-height:150%; color:#545454;}
|
||
|
|
.TopSellers ul li.routetitle{ color:#083c7d; font-size:14px; font-weight:bold;}
|
||
|
|
|
||
|
|
.TopSellers2{width:100%;}
|
||
|
|
.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;}
|
||
|
|
.TopSellers2 ul{ list-style:none; width:100%; margin:10px 0; float:left; }
|
||
|
|
.TopSellers2 ul img{ width:250px; height:200px; border:none; float:left; margin-right: 10px; }
|
||
|
|
.TopSellers2 ul img.moredetail{ width:177px; height:32px; margin:10px 350px 0 0; display:inline; float:right; }
|
||
|
|
.TopSellers2 ul li{ width:480px; float:left; line-height:150%; color:#545454; padding-left: 5px; margin-bottom:8px; }
|
||
|
|
.TopSellers2 ul li a{ text-decoration:none;}
|
||
|
|
.TopSellers2 ul li.TopSellers2title{border-left:7px solid #A6A6A6; background:#E4E4E4; height:25px; line-height:25px;}
|
||
|
|
.TopSellers2 ul li.listicon{padding-left:14px; background:url(https://data.chinahighlights.com/pic/arrow-r.GIF) no-repeat 0 6px; font-size:13px;}
|
||
|
|
.TopSellers2 ul li.routetitle{ color:#083c7d; font-size:14px; font-weight:bold;}
|
||
|
|
.inpageTailor{padding: 5px 10px 0 10px!important;}
|
||
|
|
|
||
|
|
#maincontentWide .mainContent {width: 765px; float:right;}
|
||
|
|
.mainContent h2{ background: none repeat scroll 0 0 #E4E4E4;
|
||
|
|
border-left: 7px solid #A6A6A6;
|
||
|
|
font-size: 16px;
|
||
|
|
font-weight: normal;
|
||
|
|
height: 30px;
|
||
|
|
line-height: 30px;
|
||
|
|
margin: 10px 0;
|
||
|
|
padding-left: 10px;}
|
||
|
|
.mainContent .short h2 { background: none repeat scroll 0 0 #E4E4E4;
|
||
|
|
border-left: 7px solid #A6A6A6;
|
||
|
|
font-size: 16px;
|
||
|
|
font-weight: normal;
|
||
|
|
height: 30px;
|
||
|
|
line-height: 30px;
|
||
|
|
margin: 10px 0;
|
||
|
|
padding-left: 10px;
|
||
|
|
width:440px;}
|
||
|
|
.mainContent span { margin-left:5px;}
|