body{ font-family:'微软雅黑'; background-color:#f9f9f9; font-size:14px;} a{ color:#555;} a:hover{color:#D93600;} .clr{ clear:both;} .gray{ color:#999;} .red{color:#D93600;} .flr{ float:right; margin-left:10px;} .loading{ padding-top:260px;} #subnav{ position:relative; margin:0 auto; width:1002px; } #navson{ position:absolute; width:100%; z-index:9999; overflow:hidden; margin-top:13px; background:rgba(255, 255, 255, 0.9) none repeat scroll 0 0 !important;filter:Alpha(opacity=80); background:#ff1200;/*实现IE背景透明*/} .sonlist{ margin:0 auto; width:900px;height:450px; display:none;} .sonlist li{ float:left; width:139px; margin:0 2px;} .sonlist li a{text-decoration:none; height:40px; line-height:40px; color:#000; display:inline;} .sonlist li a:hover{ background-color:#D93600; color:#FFF;} .sonlist li ul { border-top:2px solid #999;} .sonlist li ul li a{ height:30px; line-height:30px; } .main{ width:1200px; margin:0 auto; } .main_larage{ width:1200px; margin:0 auto;} .main_longer{ width:1200px; margin:0 auto; background-color:#FFF; } #header{ background-color:#FFF;position:fixed; top:0; left:0; z-index:97000; width:100%; } @media screen and (max-device-width: 1024px) { .main_larage{ width:100% !important;} .main_longer{ width:100% !important;} footer{ width:100% !important; margin:0 auto;} .main{ width:100% !important;} #header{width:100% !important;} } @media screen (min-device-width: 1025px) and (max-device-width: 1280px) { .main_larage{ width:100% !important;} .main_longer{ width:100% !important;} footer{ width:100% !important; margin:0 auto;} .main{ width:100% !important;} #header{width:100% !important;} } .logo{ width:100%;margin:0 auto; text-align:center;height:40px;background-color:#34495E;} .logo img{ margin-top:5px;} #searchDiv{ padding-top:1px; padding-bottom:1px; padding-left:20px; width:570px; margin:0 auto; padding:10px 0; } .target-fix { position: relative; top: -40px; display: block; height: 0; overflow: hidden;} #topNav{ height:108px; width:100%; } .navTop{background-color:#232F3D; line-height:30px; margin:0; padding:0;} .navTop li{ float:right; padding:0 10px; line-height:30px; list-style:none; } .navTop li a{ color:#FFF; text-decoration:none; } .navsearch{ position: absolute; top: -20px; left: 652px; height: 36px; } .navsearch li{ float:left; margin:0 10px;} .navsearch li a{ color:#333; text-decoration:none;} .navsearch li a:hover{ color:#D93600;} .nav{margin-top: 20px; text-align:center; width:625px; margin:0 auto; padding:10px 0; list-style:none; } .nav li{ float:left; width:125px;} .nav li a{ color:#111; text-decoration:none; font-size:16px; line-height:20px; text-align:center; color:#FFF;} .nav li a:hover{ text-decoration:underline;} .fr{ float:right;} .fl{ float:left;} .boxList{ background-color:#FFF; padding:20px; margin-top:20px; border:1px solid #e5e5e5;} .box{ margin-top:10px; } .box11{ width:452px;} .box11 a{border:1px solid #e0e0e0; box-shadow:0 0 5px #ccc; display:block; } .box12{ width:225px;} .box12 a{ display:block;} .box22{ width:550px; margin-top:-10px;} .box22 a{ margin-left:10px; margin-top:10px; float:left; display:block;border:1px solid #e0e0e0; box-shadow:0 0 5px #ccc;} .box22 a img{ width:263px;} img{ border:0px; } .boxText{ width:305px; margin:-9px 10px 0;} .boxText a.photo{} .boxText a.photo dl{ margin-top:9px;} .boxText a.photo dl dt img{ width:100px;} .boxText a.photo dl dt{ float:left; margin-right:5px;} .boxText a.photo dl dd{ float:left; margin:0px; padding:0px;} .boxText a.photo dl dd span{ display:block; line-height:34px;} .boxText a.text{ height:46px; line-height:46px; border-bottom:1px dashed #CCC; text-decoration:none; display:block; background:url(../images/icon_king.png) no-repeat left center; padding-left:22px; color:#555;} .boxTitle{ display:inline-block; padding:5px; background:rgba(25, 36, 48, 0.8) none repeat scroll 0 0 !important;filter:Alpha(opacity=80); background:#192430;/*实现IE背景透明*/} .boxTitle2{font-size:18px; width:100%; position:absolute; z-index:77777; top:20px; text-align:center;} .boxTitle2-text{ display:inline-block; color:#FFF; padding:5px 25px; } .hotelName{ line-height:30px;padding-left:0px; padding-bottom:2px;} #share{} .hotelName h2{ margin:0px; } .hotelName h3{ margin:0px; } .con{ margin-top:10px; border:1px solid #e5e5e5; padding:0px; box-shadow:0 0 3px #e5e5e5; line-height:180%; position:relative; font-size:14px; background-color:#fefefe; } .conbox{margin-top:10px; border:1px solid #e5e5e5; padding:15px 30px; box-shadow:0 0 3px #e5e5e5; background-color:#FFF;position:relative; } .con h4{} #hotel_logo{ position:absolute; left:-76px; top:-86px;border:1px solid #e0e0e0; z-index:999; box-shadow:0 0 5px #ccc; background-color:#FFF; padding:10px; height:120px; } #hotel_logo img{ width:120px; } .hotelNew_title{ border-bottom:1px solid #d9d9d9; font-size:14px; font-weight:bold; line-height:30px; margin-top:5px;} footer{ height:100px; background-color:#1a1a1a; margin-top:10px; width:100%;} .intro{ width: calc( 33% - 30px); float:right; padding:15px 15px 15px 0;} .intro span{ color:#7d7d7d; font-size:12px; display:block;} .addr{ background:url(../images/ico_addr.png) no-repeat left center; padding-left:15px;display:inline-block;} .tel{ background:url(../images/ico_tel.png) no-repeat left center; padding-left:15px; display:inline-block; margin-left:10px;} .website{ background:url(../images/ico_website2.png) no-repeat left center; padding-left:15px;display:inline-block; margin-left:10px;} .website a{ color:#7d7d7d; font-size:12px; text-decoration:none;} .website a:hover{ color:#CC1B1B;} .rightBox{ background-color:#fafafa; width:340px; border:1px solid #e0e0e0; padding:20px;} .rightBox input{} .inputText{ border:1px solid #eee; height:20px; padding:8px 10px ; line-height:20px; border-radius:5px; margin-bottom:5px; outline:none; background-color:#FFF; display:block;} .inputText:focus{ box-shadow: 0px 0px 6px #007eff;; -webkit-box-shadow: 0px 0px 6px #007eff; -moz-box-shadow: 0px 0px 6px #007eff; -o-box-shadow: 0px 0px 6px #007eff;} .inputTextarea{border:1px solid #eee; padding:10px; line-height:18px; border-radius:5px; outline:none;} .inputTextarea:hover{ background-color:#fcfcfc;} .inputTextarea:focus{ box-shadow: 0px 0px 6px #007eff;; -webkit-box-shadow: 0px 0px 6px #007eff; -moz-box-shadow: 0px 0px 6px #007eff; -o-box-shadow: 0px 0px 6px #007eff;} .inputFull{width:calc(100% - 40px);} .inputErr{ border:1px solid #F30; color:#F30;} #rq { position:relative;} #rq li{ margin:2px; position:absolute;} #rq li.b4{ height:200px; width:200px; background-color: #F00;} #rq li.b2{ height:100px; width:200px; background-color: #0f0;} #rq li.b1{ height:100px; width:100px; background-color: #00f;} .bookHotelbtn{ position:absolute; padding:10px 30px; background-color:#8FA9C3; color:#FFF; text-decoration:none; top:22px; border-radius:5px; right:30px;} .bookbtn{ padding:5px 20px; background-color:#F90; color:#FFF; text-decoration:none; border-radius:5px; margin:0 auto; display:inline-block;} #hotelList a{ text-decoration:none;} #hotelList{ border:1px solid #efefef;border-top-color: white; background-color:#FFF; margin-top:10px; padding:20px 30px;} #hotelList dl.hotel_list{ border-bottom:1px solid #ddd; padding:12px 0; height:125px; overflow:hidden; } #hotelList dl.hotel_list:hover{ box-shadow:0 0 5px #F30; } #hotelList dl.hotel_list:hover dd{} #hotelList dl.hotel_list dd{ margin:0px; background-color:#FFF; float:left; width:calc(100% - 220px); height:125px; padding:5px 10px 0px;} #hotelList dl.hotel_list dd section{ float:left; display:block; margin:0; padding:0; } #hotelList dl.hotel_list dd section.sectionHotel{ width:70%;} #hotelList dl.hotel_list dd section.sectionPrice{ float:right; border-left: 1px solid #DDD; padding:30px 15px; height:65px; text-align:center;width:calc(20% - 32px);} #hotelList dl.hotel_list dd section span.priceDiv{ display:block;} #hotelList dl.hotel_list dt{ position:relative;float:left;} #hotelList dl.hotel_list dt .img{ width:200px; height:125px;} #hotelList dl.hotel_list dt .name{ position:relative; color:#FFF; z-index:12; line-height:30px; font-size:16px; padding:0 10px; font-style:italic;} #hotelList dl.hotel_list dt .dist_cover{ position:absolute; right:0px;top:5px; background:rgba(194, 155, 86, 0.8) none repeat scroll 0 0 !important;filter:Alpha(opacity=80); background:#C29B56;/*实现IE背景透明*/} #hotelList dl.hotel_list dd h5{ display:block; margin:0px; height:25px; line-height:25px; font-size:18px; font-weight:normal;} #hotelList dl.hotel_list dd span.hotel_intro{ color:#777;display:block; line-height:20px; font-size:12px; padding-top:2px;} #hotelList dl.hotel_list dd span.hotel_type{ padding:2px 0; display:block; font-size:14px; color:#999; font-style:italic;} #hotelList dl.hotel_list dd span.hotel_addr{ font-size:14px; background:url(../images/ico_addr.png) no-repeat left center; padding-left:12px; margin-top:10px; display:block;} #hotelList dl.hotel_list dd div.hotel_level{ height:20px; width:100px; background-color:#093; margin-top:5px;} #pageList{ text-align:right; margin-top:20px; margin-bottom:10px; font-size:14px;} #pageList a{display:inline-block; text-decoration:none;text-align:center; border-radius:5px; border:1px solid #CCC;} a.pageNum{ width:28px; height:28px; line-height:28px; margin:0 3px; font-weight:bold; } a.pageControl{ width:70px; height:28px; line-height:28px; margin:0 5px; } a.cur{ background-color:#0B9444; color:#FFF; border-color:#88C438;} a.unavailable{ color:#bbb;} a.cur{ background-color:#F30; color:#FFF;} a.pageNum:hover,a.pageControl:hover{ color:#F30;} a.cur:hover{ background-color:#F30; color:#FFF;} #tripList { background-color:transparent;} #tripList dl{ background-color:#FFF; box-shadow:0 0 5px #e0e0e0;} #tripList dl:hover{ box-shadow:0 0 5px #F60;} #tripList dl dt{ float:left; width:400px} #tripList dl dd a{ text-decoration:none; } #tripList dl dt a img{ width:400px; height:225px;} #tripList dl dd{ float:right;width:738px; padding:0px; margin:0; padding:0 20px;} .price{color:#D93600; font-size:30px; font-family:Georgia,"microsoft yahei";} #tripList dl dd { font-size:14px;} #tripList dl dd h3{ font-size:16px; color:#333; margin-bottom:3px;} #tripList dl dd p { margin:0px; margin-bottom:8px;} #tripType a{ background-color:#99BD3B;color:#fff; -webkit-border-radius: 3px; line-height:100%; padding:0 2px; } .tripPrice{border-top:1px dashed #333; margin-top:10px; padding-top:8px; text-align:right; } .tripDest{ font-size:14px; margin-bottom:10px;} #conTop{ z-index:666; background-color:#FFF; width:100%; } #conTab{ border-bottom:3px solid #D93600;} #conTab a{ display:block; border:1px solid #D9D9D9; width:122px;background-color:#fff; color:#444; height:40px; text-align:center; line-height:40px; float:left; text-decoration:none; margin-right:10px; border-bottom:none;border-radius: 3px 3px 0px 0px; } #conTab a:hover{ color:#D93600;} #conTab a.active{ background-color:#D93600; color:#FFF; border-color:#D93600;} .contentBox{ width:800px;} .content{ background-color:#FFF; border:1px solid #e9e9e9; margin-top:10px; padding: 30px;} .conTitle{ font-size:20px; color:#D93600; border-bottom:4px solid #eee; padding-left:10px; padding-bottom:5px; margin-bottom:10px;} .conText{ padding:0 20px;} .content h5{display:inline; line-height:50px; clear:both; background-color:#D93600; padding:2px 5px; margin-left:-10px;color:#FFF; font-size:14px; font-weight:normal;} #xcld{height:450px; overflow:hidden; margin-bottom:15px;} #xcldImg{ width:800px; position:relative;} #xcldImg img{ width:800px; height:450px; position:absolute; left:0px; top:0px; display:none; } .xcldCon{ border:1px solid #e0e0e0; width:380px; background:#e0e0e0; overflow:hidden; height:448px;} .ldCon{ margin:20px 25px; font-size:14px; line-height:200%;} .ldCon h4{ margin:0px; border-bottom:1px solid #555; text-align:center; font-size:20px; padding-bottom:5px; margin-bottom:5px;} #pageTitle{ height:40px;} #pageTitle h1{ font-size:22px;} #steps{background-color:#FFF; border:1px solid #e9e9e9; border-top:none;} #stepNav{ height:40px; background-color:#efefef; } #stepNav a{ display:block; float:left; height:40px; line-height:40px; width:80px; text-align:center; color:#333; text-decoration:none;border-bottom:1xp solid #dfdfdf;} #stepNav a:hover{ background-color:#FFF; } #stepLine{ background-color:#FFF; margin:0px;} #stepLine li{ padding:0 20px 0 120px; background: url(../images/steps_line.png) repeat-y 68px; } #stepLine li:hover{ background: url(../images/steps_line2.png) repeat-y 68px;background-color:#f9f9f9;} #stepLine .stepName{ font-weight:bold; line-height:30px; } .stepTitle{ background:url(../images/steps_dot2.png) left center no-repeat; line-height:30px; margin-left:-60px; padding-left:60px; color:#D93600;} .stepTitle:hover{ background-image:url(../images/steps_dot.png);} .stepName{ height:40px; line-height:40px; padding-left:20px; padding-top:5px;} .stepCon{ line-height:25px; font-size:14px; padding:5px 20px; padding-left:64px;} .stepCon a{ color:#FFF;} .stepCon a:hover{ color:#D93600;} .stepCon .option{ margin-left:-44px;} .stepBlank{ background-color:#FFF;} .stepDay{width:90px; float:left; color:#D93600;} .stepCover{ border-bottom:1px dotted #e0e0e0; padding-bottom:20px; padding-top:20px; } .stepPhoto{ } .stepPhoto img{ width:200px; height:90px; float:left; margin-left:10px;} .picName{ margin-top:450px; height:40px; line-height:40px; background-color:#f9f9f9; padding-left:20px;} .picPage{ background-color:#666; color:#FFF;border-radius: 5px; padding:0 2px;} .btn_next,.btn_prev{ position:absolute; z-index:105;bottom:40px;background:rgba(0, 0, 0, 0.6) none repeat scroll 0 0 !important;filter:Alpha(opacity=50); background:#000; color:#FFF; width:50px; height:40px;} .btn_next a,.btn_prev a{display:block; width:50px; height:40px; cursor:pointer;} .btn_next a:hover,.btn_prev a:hover{ background-color:#000;} .btn_prev{left:452px; } .btn_next{ left:502px;} .btn_prev a{background:url(../images/ico_arr_prev.png) no-repeat center ; } .btn_next a{background:url(../images/ico_arr_next.png) no-repeat center ;} .hotelTitle{border-bottom:1px solid #e6e6e6;padding-bottom:15px; margin-bottom:10px; padding-left:15px;} .hotelTitle a{ margin-right:10px; color:#333;} .hotelTitle a:hover{ color:#D93600;} .dest{ margin-left:50px; margin-top:10px; } .dest a{ padding:0 5px; margin:3px 5px; color:#444; text-decoration:none; display:inline-block; line-height:22px;} .dest a.actived{background-color:#C29B56; color:#fff; border-radius: 3px;} .labelName{ margin-left:-50px; color:#C90;} #loading{ height:330px; padding-top:270px; position:absolute; width:100%; z-index:9999;background-color:#f0f0f0; border-top:1px solid #e1e1e1;} .circle { background-color: rgba(0,0,0,0); border:5px solid rgba(0,183,229,0.9); opacity:.9; border-right:5px solid rgba(0,0,0,0); border-left:5px solid rgba(0,0,0,0); border-radius:50px; box-shadow: 0 0 35px #2187e7; width:50px; height:50px; margin:0 auto; -moz-animation:spinPulse 1s infinite ease-in-out; -webkit-animation:spinPulse 1s infinite linear; } .circle1 { background-color: rgba(0,0,0,0); border:5px solid rgba(0,183,229,0.9); opacity:.9; border-left:5px solid rgba(0,0,0,0); border-right:5px solid rgba(0,0,0,0); border-radius:50px; box-shadow: 0 0 15px #2187e7; width:30px; height:30px; margin:0 auto; position:relative; top:-50px; -moz-animation:spinoffPulse 1s infinite linear; -webkit-animation:spinoffPulse 1s infinite linear; } @-moz-keyframes spinPulse { 0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #2187e7;} 50% { -moz-transform:rotate(145deg); opacity:1; } 100% { -moz-transform:rotate(-320deg); opacity:0; } } @-moz-keyframes spinoffPulse { 0% { -moz-transform:rotate(0deg); } 100% { -moz-transform:rotate(360deg); } } @-webkit-keyframes spinPulse { 0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #2187e7; } 50% { -webkit-transform:rotate(145deg); opacity:1;} 100% { -webkit-transform:rotate(-320deg); opacity:0; } } @-webkit-keyframes spinoffPulse { 0% { -webkit-transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); } } /*search*/ /*search*/ .cf:before, .cf:after{ content:""; display:table; } .cf:after{ clear:both; } .cf{ zoom:1; } /* Form wrapper styling */ .form-wrapper { width:570px; position:relative; } /* Form text input */ .form-wrapper input.keyword{ width:250px; height: 15px; padding: 8px 65px 8px 15px; float: left; font: 15px '微软雅黑' ; border: 0; color:#555; border:1px solid #eee; } .form-wrapper input.city{ width:80px; height: 15px; padding: 8px 15px; float: left; font: 15px '微软雅黑' ; border: 0; color:#555; border:1px solid #eee; margin-right:5px; font-style:normal; } .form-wrapper input:focus { outline: 0; background: #fff; box-shadow: 0 0 2px rgba(0,0,0,.8) inset; } .form-wrapper input::-webkit-input-placeholder { color: #999; font-weight: normal; } .form-wrapper input:-moz-placeholder { color: #999; font-weight: normal; } .form-wrapper input:-ms-input-placeholder { color: #999; font-weight: normal; } /* Form submit button */ .form-wrapper button{ overflow: visible; position:absolute; right:0px; top:-3px; border: 0; padding: 0; cursor: pointer; height: 40px; width: 60px; font: bold 15px/40px '微软雅黑'; color: #fff; text-transform: uppercase; background: #d83c3c; border-radius: 3px 0 0 3px; text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3); background:url(../images/search.png) center -40px no-repeat; } .form-wrapper button:hover{ background:url(../images/search.png) center 0px no-repeat; } .form-wrapper button:active, .form-wrapper button:focus{ background:url(../images/search.png) center 0px no-repeat ; outline: 0; } /* .form-wrapper button:before { left arrow content: ''; position: absolute; border-width: 8px; border-style: solid; border-color: transparent transparent transparent #d83c3c; top: 12px; right: -16px; } .form-wrapper button:hover:before{ border-right-color: #e54040; } .form-wrapper button:focus:before, .form-wrapper button:active:before{ border-right-color: #c42f2f; } .form-wrapper button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */ border: 0; padding: 0; } /*search*/ #search{ float:left; width:40%; text-align:center; margin-top:20px;} .search_txt{ height:20px; line-height:20px; padding:8px; border-radius:0 5px 5px 0; border:1px solid #d5d5d5; border-left:none;} .search_btn{ background-color:#55A32A; padding:10px 0; text-align:center; width:50px; background-color:#FFF; color:#FFF; border-radius:5px 0 0 5px; cursor:pointer; border:1px solid #d5d5d5; border-right:none; } .gover_search #inland_div{ overflow:hidden; position:absolute; z-index:999; left:1px; top:41px; width:111px;border-top:none; box-shadow: 0 0 5px 0 #999; background-color:#FFF; border-radius:5px; padding:10px 0; display:none; } .gover_search #inland_div li{ cursor:pointer; text-align:center; line-height:30px; color:#555;} .gover_search #inland_div li:hover{ background-color:#D93600; color:#FFF;} .gover_search{} .gover_search .search_t{ float:left; width:112px; line-height:26px; color:#666;} .gover_search .input_search_key{ float:left; width:450px; height:18px; padding:3px; margin-right:5px; border:1px solid #ccc; line-height:18px; background:#fff;} .gover_search .search_btn{ float:left; width:68px; height:26px; overflow:hidden; border:1px solid #ccc; text-align:center; color:#ff3300; letter-spacing:5px; background:url(../images/gover_search_bg.gif) no-repeat 0 -79px; cursor:pointer; font-weight:bold;} .gover_search .search_suggest{ overflow:hidden; position:absolute; z-index:999; left:1px; top:41px; width:448px;border-top:none;color:#004080; display:none; box-shadow: 0 0 5px 0 #999; background-color:#FFF; border-radius:5px; } .gover_search .search_suggest li{height:35px; overflow:hidden; padding-left:3px; line-height:35px; color:#555; cursor:default; font-size:12px; border-bottom:1px solid #e6e6e6;} .gover_search .search_suggest li.hover{background:#f0f0f0;} .num_right{float:right;text-align:right;line-height:24px;padding-right:10px} .gover_search .search_suggest li dl{ margin:0px; padding:0px;} .gover_search .search_suggest li dl dd{ text-align:right; padding-right:20px; margin:0px; color:#999;} .gover_search .search_suggest li dl dt{ float:left; width:200px; text-align:left; margin-left:15px; } #search_city_select{position:absolute; z-index:999; left:1px; top:41px; width:500px; background-color:#FFF; border:1px solid #ccc;border-top:none; box-shadow:0 0 3px #ccc; padding-bottom:10px; border-radius:5px; display:none;} #city_tabs{ background-color:#FFF; border-bottom:2px solid #eee; margin:0 10px;} #city_tabs li{float:left; width:60px; height:38px; line-height:38px; text-align:center; margin-bottom:-2px; border-bottom:2px solid #eee; font-size:12px; cursor:pointer; padding:0px; overflow:hidden;} #city_tabs li:hover{ color:#D93600;} #city_tabs li.active{ border-bottom:2px solid #C00;color:#D93600;} #city_tabs_list ul{ display:none; margin:8px 10px;} #city_tabs_list ul.active{ display:block;} #city_tabs_list ul li{ list-style:none; } #city_tabs_list ul li a{ float:left; font-size:12px; display:block; color:#555; width:85px; height:32px; line-height:32px; overflow:hidden; text-decoration:none; text-align:center;} #city_tabs_list ul li a:hover{ background-color:#D93600; color:#fff; border-radius: 2px;} /*search*/ #brand a{ font-size:14px;} .hotelNews a{ display:block; text-decoration:none; color:#444;} #box a{ display:block; color:#FFF; line-height:35px; height:35px; text-decoration:none;} #box a:hover{ color:#D93600; } #closeBox{ width:12px; height:12px; display:block; position:absolute; top:5px; right:5px; background-color:#666;} #closeBox:hover{ background-color:#900;} #newsDiv { display:none; background-color: #ffF; border: 1px solid #e0e0e0; line-height: 180%; font-size: 14px; z-index:9999; padding:20px 30px; position:fixed!important;/*FF IE7*/ position:absolute;/*IE6*/ border-radius:10px; } #newsDivContent{ width: 700px; max-height:700px; overflow-y:scroll; } #newsbg { display:none; background-color: #ccc; width: 100%; height: 100%; left:0; top:0;/*FF IE7*/ filter:alpha(opacity=50);/*IE*/ opacity:0.5;/*FF*/ z-index:9998; position:fixed!important;/*FF IE7*/ position:absolute;/*IE6*/ _top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/ document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/ } .hotel_info h4{ color:#C29B56; margin:15px 0; line-height:20px; height:20px; font-size:18px; display:inline-block; } .hotel_info_title{ background:url(../images/title_line.jpg) center repeat-x; } .main_info{ width:1052px; margin:0 auto; } #sidebar{ float:right; width:300px; background-color:#FFF; padding:0 20px;} #infoList{ float:left; width:660px; background-color:#FFF; padding:20px 25px;} #infoList a{ text-decoration:none; color:#555;} #infoList a:hover{color:#CC1B1B;} #infoList dl { border-bottom:1px solid #eee; padding-bottom:10px; margin:10px 0 0; padding:0 0 10px; } #infoList dl dt a{ text-decoration:none; color:#252525; font-size:18px; font-weight:bold;} #infoList dl dt a:hover{ color:#CC1B1B;} #infoList dl dd{ margin:0;} #infoList dl dd img{ float:left; margin-right:10px; border:1px solid #e5e5e5; padding:2px; width:150px; height:90px;} #infoList dl dd p{ color:#666; font-size:14px; line-height:24px; margin-bottom:10px;} #infoList .infoDate{ color:#666; clear:both;} #infoList .tags{ margin-left:15px;} #infoList .tags a{ display:inline-block; border:1px solid #eee; padding:0 8px; line-height:20px; font-size:14px; color:#555; margin:0 3px; text-decoration:none; border-radius:5px; color:#666;} .location{ margin:15px 0;} #infoCon{ float:left; width:660px; background-color:#FFF; padding:0px 25px; } #infoCon h1{ font-size:24px;} #infoCon h2{ font-size:20px;} #infoCon .date{ color:#999;} #infoCon .intros{ border:1px dotted #ccc; padding:10px 20px; font-size:14px; background-color:#fefefe; line-height:22px; margin-top:20px; border-radius:10px; color:#555;} #infoCon .chapter{ clear:both;} #infoCon .chapter h2.type1{ margin-left:-25px; padding-left:20px; border-left:4px solid #C30;} #infoCon .pics{ margin:0 -5px;} #infoCon .pics img{ margin:5px; padding:2px; border:1px solid #e9e9e9;} #infoCon .texts{ line-height:26px; color:#444; clear:both;} #infoCon .relative{ position:relative;} #infoCon .absolute{ position:absolute; left:45px; top:45px; width:530px; padding:20px 25px; color:#FFF; position:absolute;background:rgba(0, 0, 0, 0.6) none repeat scroll 0 0 !important; filter:Alpha(opacity=60); background:#000;} .rightboxlist a {text-decoration:none; font-size:14px; color:#333;} .rightboxlist a.infos{ display:block; border-bottom:1px dotted #ddd; line-height:25px;} .rightboxlist a:hover{color:#CC1B1B;} a.tags{ display:inline-block; border:1px solid #e5e5e5; padding:0 10px; margin:5px; border-radius:5px; line-height:25px;} #chapterList{ position:fixed; display:none; bottom:120px;} #chapterList dl{ margin:0; padding:0;} #chapterList dl dt a{ color:#444; text-decoration:none; font-size:14px; line-height:28px;} #chapterList dl dt a:hover{ color:#CC1B1B;} #chapterList dl dt{ float:right; text-align:left; width:250px;} #chapterList dl dd{ float:left; width:20px; background:url(../images/track.png) no-repeat center; padding:0; margin:0; height:28px; margin-right:5px;} #chapterList dl dd.cp1{ background:url(../images/track_list.png) 0px center;} #chapterList dl dd.cp2{ background:url(../images/track_list.png) -20px center;} #chapterList dl dd.cp3{background:url(../images/track_list.png) -40px center;} #chapterList dl dd.cp4{ background:url(../images/track_list.png) -60px center;} #chapterList dl.cur{} #chapterList dl.cur dt, #chapterList dl.cur dt a{ color:#CC1B1B;} #chapterList dl.cur dd{ background-image:url(../images/rang.png);} .track_detail{ background:url(../images/track_detail.png) no-repeat;; height:10px;} #gotop{ background:url(../images/top.png); width:50px; height:50px; display:inline-block; margin-top:20px;} #gotop:hover{ background-position:-50px ;} .cNum{ font-family:Georgia, "Times New Roman", Times, serif } #brandList{border:1px solid #efefef; background-color:#FFF; margin-top:10px; padding:20px 30px; } #brandList .brandBox{ background-color:#f9f9f9; border:1px solid #e6e6e6; border-top:1px solid #e6e6e6; border-radius:5px; margin:10px;} #brandList .letter{ width:50px; float:left; text-align:center; line-height:45px; font-weight:bold; font-size:18px; color:#666;} #brandList .brand{ float:left; width:calc(100% - 50px); background-color:#FFF; padding:10px 0; font-size:14px;} #brandList .brand a{ display:inline-block; margin:0 10px; line-height:25px; text-decoration:none;} #brandsider{ float:left; width:250px; background-color:#FFF; border-right:1px solid #e0e0e0;} .letter{ float:left; width:30px; text-align:center; font-weight:bold; border-top:1px dotted #e5e5e5; line-height:28px;} .brand{ float:left; width:220px;} #brandsider .brand a{ display:block; text-decoration:none; border-top:1px dotted #e5e5e5; line-height:28px; font-size:14px; padding-left:10px;} #brandsider .brand a.cur{color:#D93600; background-color:#FFF;} #brandhotel{ float:right; width:calc(100% - 265px); background-color:#FFF; padding-top:20px;} #brandhotel a{ text-decoration:none;} #brandhotel h5{ clear:both; margin:0; border-bottom:1px dotted #e6e6e6 ; line-height:30px; margin-top:10px;} #brandhotel h4{ clear:both; border-bottom:1px solid #e6e6e6 ; line-height:30px; padding-top:20px; margin:0px; } #brandhotel a.hName{ text-decoration:none; display:block; float:left; width:465px; line-height:30px;} #brandhotel dl.hotel_list{ float:left; margin: 13px; border:1px solid #e0e0e0; box-shadow:0 0 5px #ddd; height:125px; overflow:hidden; border-radius:3px; } #brandhotel dl.hotel_list:hover{ box-shadow:0 0 5px #F30; } #brandhotel dl.hotel_list:hover dd{ background-color:#f9f9f9;} #brandhotel dl.hotel_list dd{ margin:0px; background-color:#FFF; float:left; width:210px; height:125px; padding:5px 10px 0px;} #brandhotel dl.hotel_list dt{ position:relative;float:left;} #brandhotel dl.hotel_list dt .img{ width:200px; height:125px;} #brandhotel dl.hotel_list dt .name{ position:relative; color:#FFF; z-index:12; line-height:30px; font-size:16px; padding:0 10px; font-style:italic;} #brandhotel dl.hotel_list dt .dist_cover{ position:absolute; right:0px;top:5px; background:rgba(194, 155, 86, 0.8) none repeat scroll 0 0 !important;filter:Alpha(opacity=80); background:#C29B56;} #brandhotel dl.hotel_list dd h6{ display:block; margin:0px; height:25px; line-height:25px; font-size:15px; color:#C90; font-weight:normal;} #brandhotel dl.hotel_list dd span.hotel_intro{ color:#666;display:block; line-height:20px; font-size:14px; padding-top:2px;} #brandhotel dl.hotel_list dd span.hotel_type{ padding:2px 0; display:block; font-size:14px; color:#999; font-style:italic;} #brandhotel dl.hotel_list dd span.hotel_addr{ font-size:14px; background:url(../images/ico_addr.png) no-repeat left center; padding-left:12px; margin-top:10px; display:block;} #brandhotel dl.hotel_list dd div.hotel_level{ height:20px; width:100px; background-color:#093; margin-top:5px;} .siderTitle{ padding-top:20px; padding-bottom:10px; padding-left:10px; font-weight:bold;} .tabrank-right { float:right; margin-right:30px;} .tabrank-right a{ height:20px; display:inline-block; padding-left:30px; padding-right:10px; line-height:20px; margin-left:10px; border:1px solid #F90; border-radius:4px; font-size:14px;} .tabrank-right #icon-list{ background:url(../images/ico-list.png) no-repeat 10px -40px;} .tabrank-right #icon-img{ background:url(../images/ico-list.png) no-repeat 10px 0px;} .tabrank-right #icon-img.cure{ background:url(../images/ico-list.png) no-repeat 10px -20px;} .tabrank-right #icon-list.cure{ background:url(../images/ico-list.png) no-repeat 10px -60px;} .tabrank-right #icon-list:hover{ background:url(../images/ico-list.png) no-repeat 10px -60px;} .tabrank-right #icon-img:hover{background:url(../images/ico-list.png) no-repeat 10px -20px;} .tabrank-right #icon-list .brand a{ font-size:12px;} dl.room{ margin-bottom:30px; border-bottom:1px solid #ECE8DC;} dl.room dt{ margin:0; padding:0; text-align:center; background-color:#fefefe; border:1px dotted #e5e5e5} dl.room dt img{ margin:0; padding:0;} dl.room dd{ margin:0; padding:0; margin-bottom:20px;} dl.room dd h3{ margin:10px 0 0;} dl.room dd p{} dl.room dd a{ text-decoration:none;} a.sale{ display:block; border-bottom:1px dotted #CCCCCC; line-height:30px; text-decoration:none;} #recomend { margin:0 0px;} #recomend dl.hotel{ float:left; width:208px; border:1px solid #e5e5e5; margin:10px;} #recomend dl.hotel dt img{ width:208px; height:130px;} #recomend dl.hotel dd { margin:0; text-align:center; line-height:35px; background-color:#f9f9f9; height:35px; overflow:hidden;} .conInfo{ font-size:14px; line-height:200%; margin:30px 50px 50px; background-color:#FFF;} #recommend img{ margin:0 auto; margin-top:5px; margin-bottom:5px; display:block;} #recommend p{ margin:20px 0; line-height:160%;} #overview p{ margin:20px 0;line-height:30px; } #conList{ float:left; width:67%; background-color:#FFF; border-right:1px solid #e0e0e0;} #conTab2{ border-bottom:1px solid #e0e0e0; background-color:#f0f0f0; width:100%;} #conTab2 a{ display:inline-block; height:40px; text-align:center; line-height:40px; text-decoration:none; padding:0 30px; border-right:1px solid #e0e0e0; } #conTab2 a.taba:hover{ background-color:#FFF;} #conTab2 a.cur{background-color:#FFF; border-bottom:1px solid #FFF; margin-bottom:-1px; color:#D93600;} .conTitle2{ font-size:20px; font-weight:bold; line-height:35px; border-bottom:2px solid #e0e0e0;} .conTitle2 span{ line-height:35px; margin-bottom:-2px; border-bottom:2px solid #BAA67C; display:inline-block; padding:0 5px; color:#BAA67C;} #recomend dl.sale{ float:left; width:262px; margin:10px 12px 0; border:1px solid #e5e5e5; overflow:hidden;} #recomend dl.sale dt img{ width:262px;} #recomend dl.sale dd{ margin:0; text-align:center; height:35px; line-height:35px; font-size:14px;} .boxTitle3{ font-size:20px; padding-left:10px; font-weight:bold;} .recomCity{ position:relative; float:left; width:calc(25% - 35px); margin:10px; border:1px solid #e5e5e5; background-color:#FFF; padding:5px;} .recomCity:hover{ box-shadow:0 0 3px #F60;} .recomCity dd{ text-align:center; margin:0; width:100%; } .recomCity dt img{ width:100%;} .recomCity dd h3{bottom:10px; left:5px; font-weight:normal;color:#FFF; margin:0; font-size:14px; line-height:28px; position:absolute; color:#FFF; padding:0 10px; margin:0; background:rgba(0, 0, 0, 0.6) none repeat scroll 0 0 !important;filter:Alpha(opacity=60); background:#CCC;/*实现IE背景透明*/ } .recomCity dd h2{ font-weight:normal; font-size:16px; margin:0; line-height:40px; text-align:center; } .recomBrand{ position:relative; float:left; width:100px; margin:10px; border:1px solid #e5e5e5;} .recomBrand:hover{ box-shadow:0 0 3px #F60;} .recomBrand dd{ text-align:center; margin:0; width:100%; background-color:#f0f0f0; } .recomBrand dt img{ width:100px; height:100px;} .recomBrand dd h2{top:5px; left:5px; font-weight:normal;color:#FFF; margin:0; font-size:18px; line-height:28px; position:absolute; color:#FFF; padding:0 10px; margin:0; } .recomBrand dd h8{ top:5px; left:5px; font-weight:normal;color:#FFF; margin:0; font-size:18px; line-height:28px; position:absolute; color:#FFF; padding:0 10px; margin:0; background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;filter:Alpha(opacity=80); background:#333;/*实现IE背景透明*/ } .recomBrand dd h3{ font-weight:normal; font-size:14px; margin:0; line-height:35px;} .cityName{ display:inline-block; padding-right:10px;} #map{ width:670px; height:420px; margin-top:20px;} #focus,#focus2,#focus3{ width:1200px; height:538px; overflow:hidden; background-color:#f9f9f9; overflow:hidden; position:relative;} #focus ul.bigpic li,#focus2 ul.bigpic li,#focus3 ul.bigpic li{ height:538px; } #focus ul.bigpic li img,#focus2 ul.bigpic li img,#focus3 ul.bigpic li img{ width:1200px; } #focusDiv,#focusDiv3,#focusDiv3{ position:relative;} #focusTitle,#focusTitle2,#focusTitle3{ position:absolute; bottom:40px; left:0; width:1200px; height:40px; overflow:hidden; z-index:999; background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;filter:Alpha(opacity=50); background:#000;/*实现IE背景透明*/ } #focusTitle ul li,#focusTitle2 ul li,#focusTitle3 ul li{ width:1200px;text-align:center;} #focusTitle ul li a,#focusTitle2 ul li a,#focusTitle3 ul li a{ font-size:14px; line-height:40px; color:#FFF; text-decoration:none; } #focusLeft,#focusRight,#focusLeft2,#focusRight2,#focusLeft3,#focusRight3{position:absolute; top:250px; width:40px; display:block; height:40px; z-index:999; background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important; filter:Alpha(opacity=50); background:#000;/*实现IE背景透明*/ } #focusLeft:hover,#focusRight:hover,#focusLeft2:hover,#focusRight2:hover,#focusLeft3:hover,#focusRight3:hover{ background:#F25561 !important; } .focusArr{width:40px; height:40px; background-position: center center; background-repeat:no-repeat;} #focusLeft,#focusLeft2,#focusLeft3{ left:20px;} #focusLeft .focusArr,#focusLeft2 .focusArr,#focusLeft3 .focusArr{ background-image:url(../images/focusArr01.png); } #focusRight,#focusRight2,#focusRight3{ right:20px;} #focusRight .focusArr,#focusRight2 .focusArr,#focusRight3 .focusArr{ background-image:url(../images/focusArr02.png);} ul.junsales{ list-style-type:square; background-color:#C7D4E1; border:1px solid #F8F7B6; padding:10px 10px 10px 30px; font-size:14px; margin:0;} ul.junsales li{ margin-top:5px; } .junsalestitle{ font-size:14px; font-weight:bold;} #bookBtn{float:right; text-align: center; background-color:#F60; color:#FFF; display:none;} #bookBtn:hover{ background-color:#F30;} .marginTop{ margin-top:80px;} #footer{ background-color:#192430; padding:20px 0; text-align:center; color:#999; margin-top:20px; width:100%; } #footer a{ color:#FFF;} #banner{ margin-top:10px; border:1px solid #e5e5e5; box-shadow:0 0 3px #e5e5e5; padding:0.5% 0.5% 0.2% ;} .primaryImg { width:50%; height:100%;float:left; overflow:hidden;} .primaryImg img{ width:100%; height:98%; display:block;} .assistImg { float:left; width:50%;} .assistImg li{ float:left; margin:0; margin-left:1%; margin-bottom:1%; overflow:hidden; height:17%; padding:0;} .assistImg li img{ margin:0; padding:0; height:100%; width:100%; display:block;} .assistImg li.col1{ width:49%;} .assistImg li.col2{ width:49%;} #picList{ width:1000px; height:122px; border:1px solid #e0e0e0; margin-top:5px;} #picList ul{ margin:0; padding:0; } #imgs{width:940px; float:left;height:122px; overflow:hidden;} #imgs ul li{list-style:none; display:inline-block; margin:0 3px; border:1px solid #e0e0e0; } #imgs ul li.current{border:1px solid #F30;} #imgs ul li img{ width:180px; height:120px;} #picList a.right,#picList a.left{ width:30px; background-color:#34495E; display:block; line-height:42px; padding:40px 0; float:left; font-size:30px; text-align:center; color:#FFF; cursor:pointer;} #picList a.right{ float:right;} #picList a.right:hover,#picList a.left:hover{ background-color: #F60;} #picType{ float:right; width:50px; margin-left:5px;} #picType a{ display:block; line-height:30px; background-color:#f5f5f5; border-bottom:1px solid #e0e0e0; text-align:center; text-decoration:none;} #picType a.current{ background-color:#8FA9C3; color:#FFF;} #picShow{ float:left; width:1000px; } #bigpic{ width:1000px;height:560px; overflow:hidden; text-align:center; padding-left:1px;} #bigpic img{ width:1000px;} #showbox{ width:1055px;} /***********预定信息************/ .popbox{ position:fixed; z-index:99; width:20%; left:40%; top:20%; display:none; } .poxclose{} .poptitle{ background-color:#D93600; color:#ECE3F6; padding: 0 20px; line-height:4rem; border-radius:5px 5px 0 0;} .popcontent{ background-color:#FFF; padding:20px;border-radius: 0 0 5px 5px; line-height:140%;} .popcontent img { width:100%;} p{line-height:140%; } .close{ background:url(close.png) no-repeat;background-size:cover; width:40px; display:block; height:40px; float:right; outline:none;} .cover{ position:fixed; top:0; left:0; height:100%; width:100%; z-index:98; background-color:#000; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; display:none;} .cover img{ width:100%;} #roomNumberList{ margin:0; padding:0; list-style:none;} #roomNumberList li { line-height:3rem; border-bottom:1px solid #e5e5e5; background: url(../hotel/images/roomNum_bg01.png) no-repeat right center;} #roomNumberList li:hover { background:url(../hotel/images/roomNum_bg02.png) no-repeat right center #f7f7f7;} #roomNumberList li.cur{background-image:url(../hotel/images/roomNum_bg02.png);} #bookInfo{ padding:30px;} .hotel_name{ font-size:20px; border-bottom:1px solid #e0e0e0; line-height:30px;} .item{ padding-left:80px;} .itemName{ margin-left:-80px;} #room dl{ border-bottom:1px solid #e0e0e0; padding:10px 0;} .roomName{ font-size:14px; font-weight:bold;} #roomPhotos{ text-align:center;} .roomPrice{ font-size:16px; font-weight:bold; line-height:50px;} .btn_book{ height:2rem; line-height:2rem; background-color:#F60; border-radius:5px; padding:0 1.5rem; color: #FFF; text-align:center; display:inline-block;text-decoration:none; outline:none; margin:0 0.5rem; margin-top:0.6rem;} .btn_book:hover{ color:#FFF; background-color:#F30;} .btn_book_disable{ height:2rem; line-height:2rem; background-color:#CCC; border:2px solid #c0c0c0; border-radius:5px; padding:0 1.5rem; color: #FFF; text-align:center; display:inline-block;text-decoration:none; outline:none; margin:0 0.5rem; margin-top:0.6rem;} #asubmit{ display:none;} #totalAmountStr{ color:#F30;} .small{ font-size:12px;} .payDiv{ border:1px solid #e0e0e0; padding:20px 300px; display:none;} .alipay{ text-align:center; padding:139px 300px;} #payMethod a{ line-height:50px; border:1px solid #e0e0e0; margin-bottom:-1px; text-align:center; padding:0 30px; display:inline-block; text-decoration:none;} #payMethod a.curr{ border-bottom:1px solid #FFF; color:#D93600; border-top:1px solid #D93600;} .book_div{ border-bottom:1px solid #e0e0e0; padding:10px 0;} .book_div h3{ margin-top:0px;} dl.dailyPrice{ margin:0; padding:0; line-height:3rem; border-bottom:1px dotted #d0d0d0; margin:0.5rem 5% 0.5rem;} dl.dailyPrice dt{ float:left;} dl.dailyPrice dd{ float:right;} dl.noborder{ border-bottom:none;} .btn_submit{ line-height:30px; background-color:#F60; border-radius:5px; padding:0 50px; color: #FFF; text-align:center; display:inline-block; width:100px; text-decoration:none; outline:none; } .btn_submit:hover{ background-color:#F30; color:#FFF;} .btn_gay{ line-height:30px; background-color:#f9f9f9; border:1px solid #E7e7e7; border-radius:5px; padding:0 50px; margin:0 auto; color: #555; text-align:center; display:inline-block; text-decoration:none; outline:none; margin-top:1rem;} .btn_gay:hover{ background-color: #f9f9f9;} /****************************订单列表页开始*********************************/ #ordersNav{ margin-bottom:20px;} #ordersNav ul li{ display:block; float:left; width:calc(100% / 4); padding:0; margin:0; text-align:center; } #ordersNav ul li a{ width:100%; display:block; line-height:40px; border-right:1px solid #e0e0e0; text-decoration:none;} #ordersNav ul li a:hover{ background-color:#f9f9f9;} #ordersNav ul li a.cur{ background-color:#D93600; color:#FFF;} #ordersNav ul{ border:1px solid #e0e0e0; margin:0; padding:0; border-radius:5px; } #orderList{ padding:0; } #orderList a{ color:#555; text-decoration:none;} #orderList a:hover li{ background-color:#F9f9f9;} #orderList a li{ background-color: #FFF; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; margin-bottom:5%; list-style:none; } #orderList a li h3{ font-size:16px;} .orderState{ float:right;} #orderList li p{margin:0;line-height:150%; color:#555 } dl.dailyPrice{ margin:0; padding:0; line-height:3rem; border-bottom:1px dotted #d0d0d0; margin:0.5rem 5% 0.5rem;} dl.dailyPrice dt{ float:left;} dl.dailyPrice dd{ float:right;} dl.noborder{ border-bottom:none;} /****************************订单列表页结束*********************************/ /******************注册*************/ #getCode{ width:120px; text-align:center; line-height:30px; margin-top:5px; border-radius:3px; border:1px solid #e0e0e0; cursor:pointer; display:inline-block; text-decoration:none;} #getCode:hover{ background-color: #f0f0f0;} .clicked{ color:#bbb; background-color: #f0f0f0;} .clicked:hover{ color:#bbb;} #nextImg,#prevImg{position:absolute; top:250px; width:40px; display:block; height:40px; z-index:999; background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important; filter:Alpha(opacity=50); background:#000;/*实现IE背景透明*/ } #nextImg:hover,#prevImg:hover{ background:#F25561 !important; } .focusArr{width:40px; height:40px; background-position: center center; background-repeat:no-repeat;} #prevImg{ left:20px;} #prevImg .focusArr{ background-image:url(../images/focusArr01.png); } #nextImg{ right:20px;} #nextImg .focusArr{ background-image:url(../images/focusArr02.png);}