|
|
|
|
|
*{font-family:Verdana, Arial, Helvetica, sans-serif; }
|
|
|
|
|
|
body{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#545454;right:auto;margin:0; width:100%; clear:both; background:#fff;}
|
|
|
|
|
|
img, ul, ul li{padding:0;margin:0;border:0;}
|
|
|
|
|
|
.clear { clear:both; width:100%; border:0; line-height:0 }
|
|
|
|
|
|
|
|
|
|
|
|
/*菜单样式*/
|
|
|
|
|
|
.meuneStyle{ font-size:12px; color:#545454; font-weight:bold; display:block; border-bottom:1px solid #d1d1d1; padding:0 0 5px 0;}
|
|
|
|
|
|
.menueListDiv{ width:300px; float:left;}
|
|
|
|
|
|
.promotionBox{
|
|
|
|
|
|
width:140px;
|
|
|
|
|
|
float:right;
|
|
|
|
|
|
height:100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
.promotionBox ul{ margin:10px 0 0 0;}
|
|
|
|
|
|
.promotionBox ul li{ list-style:none; font-size:12px; color:#2c72b0; margin-bottom:8px;}
|
|
|
|
|
|
.promotionBox ul li a{ color:#5F7892; text-decoration:none;}
|
|
|
|
|
|
.promotionBox ul li a:hover{ text-decoration:underline;}
|
|
|
|
|
|
.oneLineDiv{ width:150px;}
|
|
|
|
|
|
/*通用样式*/
|
|
|
|
|
|
h1 {
|
|
|
|
|
|
font-family:Verdana, Geneva, sans-serif;
|
|
|
|
|
|
font-size:21px;
|
|
|
|
|
|
color:#545454;
|
|
|
|
|
|
border-bottom:#D2D2D2 1px solid;
|
|
|
|
|
|
padding:0px 0px 3px 8px;
|
|
|
|
|
|
margin:18px 0px 10px 0px;
|
|
|
|
|
|
display:block
|
|
|
|
|
|
}
|
|
|
|
|
|
h1.redFront{ border: medium none;
|
|
|
|
|
|
color: #990518;
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
font-family: Georgia,"Times New Roman",Times,serif;
|
|
|
|
|
|
font-size: 25px;
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
margin: 0 0 15px 0;
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
width: 100%;}
|
|
|
|
|
|
h2 { font-size:18px; color:#545454; padding:0px; margin:10px 0px 5px 0px; font-weight: normal; }
|
|
|
|
|
|
h2 a{ font-size:18px; color:#545454; padding:0px; margin:10px 0px 5px 0px; text-decoration:none }
|
|
|
|
|
|
h2 a:hover{ color:#a31022 }
|
|
|
|
|
|
p{ font-size:12px; line-height:20px; margin:0 0 10px 0;}
|
|
|
|
|
|
#headerWrapper { width:100%; margin:0 0 10px 0; padding:0; border-bottom:1px solid #d9d9d9; }
|
|
|
|
|
|
#header{
|
|
|
|
|
|
width:990px;
|
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
|
padding:0;
|
|
|
|
|
|
position:relative; z-index:99;
|
|
|
|
|
|
}
|
|
|
|
|
|
#logo{
|
|
|
|
|
|
width: 99px;
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
padding: 10px 0 0px 0px;
|
|
|
|
|
|
display:inline;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#headerLinks{
|
|
|
|
|
|
float: right;
|
|
|
|
|
|
font-size: 11px;
|
|
|
|
|
|
width: 880px;
|
|
|
|
|
|
padding:5px 0 0 0;
|
|
|
|
|
|
display:inline;
|
|
|
|
|
|
}
|
|
|
|
|
|
#headerLinks ul {
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
#headerLinks ul li {
|
|
|
|
|
|
border-right: 1px solid #727272;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
float: right;
|
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
|
list-style: none outside none;
|
|
|
|
|
|
padding: 1px 5px;
|
|
|
|
|
|
}
|
|
|
|
|
|
#headerLinks ul li.last {
|
|
|
|
|
|
border: 0 none;
|
|
|
|
|
|
}
|
|
|
|
|
|
#headerLinks ul li a.active {
|
|
|
|
|
|
color: #CC0000;
|
|
|
|
|
|
}
|
|
|
|
|
|
#headerLinks ul li a {
|
|
|
|
|
|
color: #545454;
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
#headerLinks ul li a:hover {
|
|
|
|
|
|
color: #CC0000;
|
|
|
|
|
|
}
|
|
|
|
|
|
/*主导航样式*/
|
|
|
|
|
|
#menu{
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
display:inline;
|
|
|
|
|
|
padding:20px 0 0 0;
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
ul.menuLink{
|
|
|
|
|
|
display: inline;
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
width: 660px;
|
|
|
|
|
|
height: 20px;
|
|
|
|
|
|
}
|
|
|
|
|
|
ul.menuLink li{
|
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
|
display: inline;
|
|
|
|
|
|
list-style: none;
|
|
|
|
|
|
padding:0;
|
|
|
|
|
|
}
|
|
|
|
|
|
ul.menuLink li a.tab{ color:#727272; text-decoration:none; padding:0px 15px 10px 15px; border-left:1px solid #e6e5e5; float: left; }
|
|
|
|
|
|
ul.menuLink li a.tab:hover{
|
|
|
|
|
|
color: #c7152d;
|
|
|
|
|
|
!important text-decoration:none; background: url(https://data.chinahighlights.com/css/images/hotel/menu-bg.png) bottom repeat-x;
|
|
|
|
|
|
}
|
|
|
|
|
|
ul.menuLink li a.active{ color:#c7152d; text-decoration:none; background:url(https://data.chinahighlights.com/css/images/hotel/menu-bg.png) bottom repeat-x; padding:0px 15px 10px 15px; border-left:1px solid #e2e2e2;}
|
|
|
|
|
|
span.font-left{ float:left;}
|
|
|
|
|
|
ul.menuLink li a small.downpointer {
|
|
|
|
|
|
background: url(https://data.chinahighlights.com/css/images/hotel/submenu.png) no-repeat;
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
font-size: 0;
|
|
|
|
|
|
height: 9px;
|
|
|
|
|
|
margin: 7px 0px 0 5px;
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
width: 15px;
|
|
|
|
|
|
}
|
|
|
|
|
|
/*下拉菜单样式*/
|
|
|
|
|
|
.nav li{float:left;height:32px;padding:0 10px 0 0px;position:relative;}
|
|
|
|
|
|
.nav li.last{background:none;}
|
|
|
|
|
|
.nav li a{float:left;display:block;padding:0 0 0 4px;height:22px;overflow:hidden;}
|
|
|
|
|
|
.nav li .submenu{display:none;position:absolute; top: 32px; visibility: visible; left: 0px; display: none; border-style:solid;border-width:0px 1px 1px 1px;border-color:#ddd;padding:0 5px 5px 5px;background:#f7f7f7;}
|
|
|
|
|
|
.nav li .submenu li{ margin:0 5px 0 5px; display:block; border-bottom:1px solid #d1d1d1;width:170px; padding:0 0 8px 0;}
|
|
|
|
|
|
.nav li .submenu li.last{border:none;}
|
|
|
|
|
|
.nav li .submenu li a{float:none;line-height:28px;background:none; padding:10px 5px 10px 5px; color:#646464; font-size:16px; text-decoration:none;}
|
|
|
|
|
|
.nav li .submenu li a:hover{ color:#c7152d;}
|
|
|
|
|
|
/*子导航*/
|
|
|
|
|
|
.submenuDiv-fl{
|
|
|
|
|
|
width: 160px;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 74px;
|
|
|
|
|
|
left: 100px;
|
|
|
|
|
|
padding: 0 10px 10px 10px;
|
|
|
|
|
|
background: #efefef;
|
|
|
|
|
|
}
|
|
|
|
|
|
.submenuDiv-tr{
|
|
|
|
|
|
width: 160px;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 74px;
|
|
|
|
|
|
left: 400px;
|
|
|
|
|
|
padding: 0 10px 10px 10px;
|
|
|
|
|
|
background: #efefef;
|
|
|
|
|
|
}
|
|
|
|
|
|
.submenuDiv-ho{
|
|
|
|
|
|
width: 160px;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
background: #efefef;
|
|
|
|
|
|
top: 74px;
|
|
|
|
|
|
left: 505px;
|
|
|
|
|
|
padding: 0 10px 10px 10px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.submenuDiv-fl ul li, .submenuDiv-tr ul li, .submenuDiv-ho ul li{ list-style:none; font-size:14px; display:block; border-bottom:1px solid #d9d9d9; padding:10px 0 12px 5px;}
|
|
|
|
|
|
.submenuDiv-fl ul li a, .submenuDiv-tr ul li a, .submenuDiv-ho ul li a{ display:inline-block; color:#545454; text-decoration:none;}
|
|
|
|
|
|
.submenuDiv-fl ul li a:hover, .submenuDiv-tr ul li a:hover, .submenuDiv-ho ul li a:hover{ color:#c7152d; text-decoration:underline; }
|
|
|
|
|
|
/*小工具栏样式*/
|
|
|
|
|
|
.toolservice{
|
|
|
|
|
|
float: right;
|
|
|
|
|
|
display: inline;
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
text-align: right;
|
|
|
|
|
|
width: 230px;
|
|
|
|
|
|
font-size: 13px;
|
|
|
|
|
|
padding-top: 30px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.toolservice a{ background-image:url(https://data.chinahighlights.com/css/images/hotel/bussiness-130309.png); background-repeat:no-repeat; color:#727272; text-decoration:none;}
|
|
|
|
|
|
.toolservice a.transfer{ padding:0 0 0 25px; background-position:0px 0px;}
|
|
|
|
|
|
.toolservice a.transfer:hover, .toolservice a.transferactive{ background-position:0px -25px; color:#c7152d;}
|
|
|
|
|
|
.toolservice a.wifi{ padding:0 0 0 25px; background-position:-112px 0px;}
|
|
|
|
|
|
.toolservice a.wifi:hover, .toolservice a.wifiactive{ background-position:-112px -25px; color:#c7152d;}
|
|
|
|
|
|
.toolservice a.sim{ padding:0 0 0 25px; background-position:-235px 0px;}
|
|
|
|
|
|
.toolservice a.sim:hover, .toolservice a.simactive{ background-position:-235px -25px; color:#c7152d;}
|
|
|
|
|
|
/*正文内容*/
|
|
|
|
|
|
#content{ width:990px; margin: 0 auto; padding:0px 0 5px 0;}
|
|
|
|
|
|
#contentHead{
|
|
|
|
|
|
width:977px;
|
|
|
|
|
|
font-size:12px;
|
|
|
|
|
|
padding:0px;
|
|
|
|
|
|
color:#a31022;
|
|
|
|
|
|
position:relative;
|
|
|
|
|
|
z-index: 70;
|
|
|
|
|
|
}
|
|
|
|
|
|
#contentHead a{ background:url(https://data.chinahighlights.com/css/images/arrow-navigate.gif) right no-repeat; padding:0 10px 0 0; color:#545454; text-decoration:none;}
|
|
|
|
|
|
#contentHead a:hover{ text-decoration:underline;}
|
|
|
|
|
|
#MainhotelContent{ margin:0; width:990px;}
|
|
|
|
|
|
#MainhotelContent p a{ color:#545454;}
|
|
|
|
|
|
/*800电话样式*/
|
|
|
|
|
|
.tollfreeDiv{ font-family:Georgia; font-size:16px; color:#666; position:absolute; right:20px; font-weight:bold; top:60px; background:url(https://data.chinahighlights.com/css/images/hotel/800-bg.png) no-repeat left 3px; padding:0 0 0 25px;}
|
|
|
|
|
|
/*底部样式*/
|
|
|
|
|
|
#footer { border-top: 3px solid #D1D1D1;
|
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
|
padding-bottom: 30px;
|
|
|
|
|
|
padding-top: 15px;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
z-index: 1;}
|
|
|
|
|
|
#footer #bottom { width:992px; height:163px; text-align:center; padding:15px 0 50px 0; *padding-top:10px;
|
|
|
|
|
|
margin:auto }
|
|
|
|
|
|
#footer #footerContent { width:992px; margin:auto; text-align:center }
|
|
|
|
|
|
#footer #footerContent p { font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#515151; text-align:center; padding:0px; margin:0px; line-height:22px }
|
|
|
|
|
|
#footer #footerContent p a { color:#515151; text-decoration:underline }
|
|
|
|
|
|
#footer #footerContent p a:hover { text-decoration:none; color:#a31022 }
|
|
|
|
|
|
#footer #bottom #footerPromo { width:900px; height:163px; position:relative; background:none; padding:0; margin:0px 71px 0 61px; text-align:left; z-index:1000 }
|
|
|
|
|
|
#footer #bottom #footerPromo img { margin-right:25px; }
|
|
|
|
|
|
#footersearch { background-image:url("https://data.chinahighlights.com/css/images/main-sprite.png"); background-position:-10px -107px; width:615px; height:45px; margin:10px auto; }
|
|
|
|
|
|
#footersearch .footersearchBox { width:490; }
|
|
|
|
|
|
#footersearch .footersearchBox input { width:450px; height:25px; border:none; float:left; color:#000; padding:5px; margin:5px 0 0 10px; opacity:0.5; font-family:Arial, Helvetica, sans-serif; font-size:20px; }
|
|
|
|
|
|
#footersearch .footersearchButton { width:100px; float:left; margin:4px 0 4px 23px; }
|
|
|
|
|
|
.ourMembers { margin:20px auto; font-size:11px; font-weight:bold; width:92%; _width:93%; text-align:left; }
|
|
|
|
|
|
.ourMembers .security { float:left; border-right:1px solid #999; width:195px; margin-right:12px; }
|
|
|
|
|
|
.ourMembers .members { float:left; border-right:1px solid #999; width:310px; margin-right:12px; }
|
|
|
|
|
|
.ourMembers .payment { float:left; width:360px; margin-right:12px; }
|
|
|
|
|
|
.ourMembers a { color:#545454; }
|
|
|
|
|
|
.truste { background-image:url("https://data.chinahighlights.com/css/images/member-sprite.png"); background-position:-10px -10px; display:block; float:left; width:95px; height:26px; margin:10px 10px 0 0; }
|
|
|
|
|
|
.mcafee { background-image:url("https://data.chinahighlights.com/css/images/member-sprite.png"); background-position:-10px -56px; width:76px; height:29px; display:block; float:left; margin:10px 10px 0 0; }
|
|
|
|
|
|
.iata { background-image:url("https://data.chinahighlights.com/css/images/member-sprite.png"); background-position:-10px -105px; display:block; float:left; width:45px; height:30px; margin:10px 10px 0 0; }
|
|
|
|
|
|
.ustoa { background-image:url("https://data.chinahighlights.com/css/images/member-sprite.png"); background-position:-10px -155px; display:block; float:left; width:103px; height:21px; margin:10px 10px 0 0; }
|
|
|
|
|
|
.pata { background-image:url("https://data.chinahighlights.com/css/images/member-sprite.png"); background-position:-10px -196px; display:block; float:left; width:70px; height:30px; margin:10px 10px 0 0; }
|
|
|
|
|
|
.asta { background-image:url("https://data.chinahighlights.com/css/images/member-sprite.png"); background-position:-10px -246px; display:block; float:left; width:48px; height:30px; margin:10px 10px 0 0; }
|
|
|
|
|
|
.visa { background-image:url("https://data.chinahighlights.com/css/images/member-sprite.png"); background-position:-10px -296px; display:block; float:left; width:48px; height:30px; margin:10px 10px 0 0; }
|
|
|
|
|
|
.masterCard { background-image:url("https://data.chinahighlights.com/css/images/member-sprite.png"); background-position:-10px -346px; display:block; float:left; width:54px; height:33px; margin:10px 10px 0 0; }
|
|
|
|
|
|
.jcb { background-image:url("https://data.chinahighlights.com/css/images/member-sprite.png"); background-position:-10px -399px; display:block; float:left; width:35px; height:27px; margin:10px 10px 0 0; }
|
|
|
|
|
|
.paypal { background-image:url("https://data.chinahighlights.com/css/images/member-sprite.png"); background-position:-10px -446px; display:block; float:left; width:98px; height:25px; margin:10px 10px 0 0; }
|
|
|
|
|
|
.moneybookers { background-image:url("https://data.chinahighlights.com/css/images/member-sprite.png"); background-position:-10px -491px; display:block; float:left; width:57px; height:31px; margin:10px 10px 0 0; }
|
|
|
|
|
|
.germany { background-image:url("https://data.chinahighlights.com/css/images/member-sprite.png"); background-position:-10px -539px; padding-left:22px; margin-right:5px; }
|
|
|
|
|
|
.french { background-image:url("https://data.chinahighlights.com/css/images/member-sprite.png"); background-position:-10px -571px; padding-left:22px; margin-right:5px; }
|
|
|
|
|
|
.spanish { background-image:url("https://data.chinahighlights.com/css/images/member-sprite.png"); background-position:-10px -602px; padding-left:22px; margin-right:5px; }
|
|
|
|
|
|
.italy { background-image:url("https://data.chinahighlights.com/css/images/member-sprite.png"); background-position:-10px -698px; padding-left:22px; margin-right:5px; }
|
|
|
|
|
|
.japanese { background-image:url("https://data.chinahighlights.com/css/images/member-sprite.png"); background-position:-10px -635px; padding-left:22px; margin-right:5px; }
|
|
|
|
|
|
.russian { background-image:url("https://data.chinahighlights.com/css/images/member-sprite.png"); background-position:-10px -667px; padding-left:22px; margin-right:5px; font-family:Arial, Helvetica, sans-serif; background-repeat: no-repeat; font-size:13px; }
|
|
|
|
|
|
.mobileVersion { background:transparent url(https://data.chinahighlights.com/css/images/webCssPic.png) no-repeat top left; background-position:left -542px; margin-right:5px; padding: 2px 0 2px 15px; }
|
|
|
|
|
|
.securityArea { width:320px; height:32px; position:absolute; left:650px; top:-8px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#333; }
|
|
|
|
|
|
.mcafeeIcon { width:120px; height:32px; font-size:11px; float:left; }
|
|
|
|
|
|
.mcafeeHotel { width:115px; height:32px; position:absolute; left:530px; top:70px; }
|
|
|
|
|
|
.mcafeeHotel2 { width:115px; height:32px; position:absolute; left:820px; top:-38px; }
|
|
|
|
|
|
.mcafeeFlight { width:115px; height:32px; position:absolute; left:610px; top:40px; }
|
|
|
|
|
|
.TrusteIcon { width:181px; float:left; text-align:right; margin-top:-5px; }
|
|
|
|
|
|
.TrusteIcon span { margin-top:4px; display:block }
|
|
|
|
|
|
.license { margin: 10px auto 0 auto; font-size:11px; color:#777;}
|
