﻿@import url(topfoot.css);

/* 旅馆 CSS Document */


.hotellefttab { border:1px solid #fcbf2f; width:183px; background:#fffef9; margin-bottom:5px;}
.hotellefttab strong { text-indent:5px; line-height:20px; height:20px; display:block; width:182px; margin:1px; background:#fffdd4;}
.hotellefttab p { text-indent:5px; word-break:keep-all;}

.hsearlefttab {  width:180px; margin-left:2px; border:0;}
.hsearlefttab td { height:28px; }

.box4 { border:1px solid #FEE6BC; width:772px;}

.box5 { margin-top:8px; width:772px;}


/* 流程与位置 */
.jdcrumb {width:770px; height:auto; line-height:30px; margin:5px 0; color:#999;}
.jdcrumb a { color:#999; line-height:30px;}

#jdcr1 { }
#jdcr2 { background:url(../images/crube-2.gif)  no-repeat right 8px; }
#jdcr2 span { font-size:18px; line-height:36px; font-family:"黑体,宋体"; color:#db2c03;}
#jdcr3 { background:url(../images/crube-3.gif)  no-repeat right 8px;  }
#jdcr4 { background:url(../hotel/imgs/crube-4.gif)  no-repeat right 8px; border-bottom:1px solid #ddd; text-align:left;  }
 

/* ----------------------旅馆首页------------------------------ */

#lefth { width:200px; float:left; margin-top:5px; }

#hicenter{  width:605px; float:left; padding-top:5px;}

.inphotel { width:120px;}
.inph2 { width:114px;}

#hotelcity { width:600px; height:90px; margin-top:6px; text-align:center; }
#hotelcity td { height:25px; text-align:center; }
.city { display:block; border: 1px solid #ddd;  padding:2px; width:43px; height:43px; margin:2px;}
a.city:hover { border: 1px solid #feca63;   }
.city img  { width:43px; height:43px;}

/* 中间 */
.hotelseatit { text-indent:10px; background:#eee url(../images/a6.gif) no-repeat 0 10px; width:600px; height:25px; line-height:25px;  }
#sea4,#sea5 { margin-left:50px;}
#hotelseatab { width:600px; height:239px;  }
#hotelseatab table { margin-top:50px; }


/* 右侧 */
#kjhotel { width:160px;  margin-left:12px; margin-top:5px; border:1px solid #d8d8d8; float:left;}
#kjhotel li { text-indent:10px;  }
#kjhotel strong { display:block; width:100%; background:url(../images/00_641.gif) no-repeat; color:#f60;  height:18px; line-height:18px; text-indent:18px; margin-bottom:8px;}


/* --------------------------搜索结果页-------------------------- */

/* 左边 */
#lefttit1,#lefttit2,#lefttit3,#lefttit4 { width:186px; margin-bottom:5px; padding-bottom:5px; }

.headclass{float:left; width:380px;}
.endclass{float:right; width:300px; text-align:right; font-weight:normal; padding-right:5px; margin-top:-5px; }
#lefttit1  { border:1px solid #fcbf2f;}
.seart3{ display:block; width:100%; background:url(/images/t-3.gif) no-repeat; color:#fff; text-indent:10px; line-height:21px;}

.div5 { width:182px; padding:8px 0 10px 2px; background:#fff;}

.hotellefttit {width:186px; border:1px solid #fcbf2f;}
.hotellefttit span{ display:block; width:184px; background:url(../images/titleft.gif) no-repeat; height:20px; line-height:20px; text-indent:20px; color:#fff; margin:1px; }

/* 右侧 */
#righth { float:right; width:772px;}
 
#hotelrightcurmb { width:770px; margin-top:5px; text-indent:5px; height:36px; line-height:36px; }
#hotelrightcurmb span { font-size:18px; line-height:36px; font-family:"黑体,宋体"; color:#db2c03;} 
 
#righttopt { width:770px; height:80px; background: url(../images/bg_choose.gif)  repeat-x; clear:both; line-height:25px; text-indent:10px; }
#areamap { width:200px; text-align:right;  }

#righttopttj{ width:770px; height:43px; background: url(../hotel/imgs/bg_choose.gif)  repeat-x; clear:both; line-height:57px; text-indent:10px; }

/* 星级*/
#righttopt li {float:left;font-size:12px;line-height:25px;text-indent:inherit;}
#righttopt li a:link {color:#666666; text-decoration:none;}
#righttopt li a:visited {color:#666666; text-decoration:none;}
.suojin {padding:5px 10px 0px 15px;}

.x_x img{width:53px; height:41px; overflow:hidden; border:none;}
.x_1{ margin-left:-28px;}
.x_1 a{  width:146px; }

#hoteltoptab {border:1px solid #fcbf2f; } 
#hoteltoptab a {color:#fff; font-weight:bold;}
.list_top_name{ float:left; width:300px;}
.favorites{ float:right; display:inline; width:30px;}


.jdshowimg { width:150px; height:100px; }
a.jdimg:link { border:1px solid #ddd; padding:2px; height:100px; width:150px; display:block; }
a.jdimg:hover { border:1px solid #bbb; padding:2px;}

/* 两种模式  */
#listmode { width:770px; margin-bottom:3px; height:25px; margin-top:8px; clear:both; border-bottom:2px solid #ffab00; margin-bottom:2px;}
#mode1,#mode2 {float:left; display:block; text-align:center; width:150px; height:18px; line-height:24px; margin-left:1px;} 
#mode1 { background:url(../images/mode2bg.gif) no-repeat; height:24px; line-height:24px; color:#fff; }
#mode2 { background:url(../images/mode1bg.gif) no-repeat; height:24px; color:#fff; font-weight:bold; text-indent:8px; }

#mode1 span { color:#333; line-height:24px; color:#fff;}
a#mode1:hover { font-weight:bold; text-decoration:none; color:#3399CC; }
 
.hotellistpage { width:345px; float:right; margin-top:3px;}



/* ---------索引模式------------- */

#listdiv { clear:both; height:100%; }

.hotellist { width:768px;  border:solid #fcbf2f; border-width:1px; margin:10px auto; height:230px;  }
.hotellistindex { width:740px;  padding-top:10px; margin-left:10px;}
.hotelimg{ width:150px; height:100px; border:1px solid #ddd; padding:2px; }
.hotellistleft { float:left; padding:5px;}
.hotellistright { float:left;  margin-left:5px; width:580px; float:right; }
.hotellistleft { text-align:center; width:170px;}
.hotellisttab { width:98%; border:1px solid #ebe3d0;  border-collapse:collapse;  clear:both;  }
.hotellisttabth {border:1px solid #ebe3d0; border-collapse:collapse;text-align:center; padding:2px 3px; height:20px; background:#fcf6ea; }
.hotellisttabtd { border:1px solid #ebe3d0; border-collapse:collapse;  text-align:center; padding:2px 3px;}

.hotelname2 {display:block; width:100%; text-indent:12px; height:28px; background:#fcf7eb; margin-bottom:5px; padding-top:5px; line-height:28px; font-weight:bold; clear:both; }
.hotelname2 a { font-size:14px; line-height:28px;}
.hotelname2 span {color:#de5900; font-size:14px; line-height:28px;}

.xingjiimg { margin-top:-3px; }


/* -------列表模式----------------- */

.hotellisttable { width:99%;   border-top:1px solid #d0d0d0;  padding-top:10px; display:table; }
.hotellisttable th { background:#eee; border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:center;}
.hotellisttable td { border-bottom:1px solid #ddd; border-collapse:collapse; height:28px; line-height:28px; text-align:center;}
.hotellisttable td  a {text-decoration:underline;}


.allhotel { height:32px; line-height:32px; text-align:right; }





/* ---------------------------旅馆详细介绍------------------------------------ */


#hrdiv { border:1px solid #ddd; border-width:1px 0 1px 0; margin:10px 0 10px 0; text-align:center; padding:3px;} 
 
 
/* 行政区与商业区切换 */
#fltopdiv { width:188px;}

.rgbtu1_1,.rgbtu1 { width:91px; float:left; height:20px; text-align:center; margin-top:1px; cursor:pointer; line-height:20px;}
 
.rgbtu1 { background:#f2f2f2; color:#000; margin-right:2px; }
.rgbtu1_1 { border:1px solid #fff; color:#fff; height:16px;  border:1px solid #fcbf2f; font-weight:bold; background:#fcbf2f; }

#rgbcn0,#rgbcn1 { width:184px; border:1px solid #fcbf2f; padding-bottom:10px; padding-top:12px;  margin-top:0; margin-bottom:5px;  padding-left:6px; }
#rgbcn0 ul li { height:24px; border-bottom:1px dashed #eee; width:160px; line-height:24px; }
#rgbcn1 ul li { height:24px; border-bottom:1px dashed #eee; width:160px; line-height:24px; }
 
/*---*/


.box2tit2 { background:url(../images/titleft.gif) no-repeat; text-indent:20px;  color:#fff; line-height:20px;}


.leftdianping { border:1px solid #ddd; margin:8px 0;}
.leftdianping p { width:170px; margin-left:8px; margin-top:5px;}

.leftweather { border:1px solid #ddd; margin:8px 0;}
.leftweather p { width:250px; margin-left:8px; margin-top:5px;}



/* 右 */
#rightb { width:780px; float:right; }

.hotelinfo { width:780px; padding:10px 20px; border:1px solid #ddd; float:right }
.hotelinfo h5 { height:22px; line-height:22px; color:#fff; text-indent:15px; width:630px; margin:10px;  background:#fcbf2f }

.abophoto { float:right; border:1px solid #ddd; margin:10px; width:310px; height:265px; margin-top:0; text-align:center; padding:4px;}
.aboimg { width:300px; height:240px; clear:both;}


.hotelabo p { margin:10px 0 10 0 ;}


.abotit { width:740px;  text-indent:3px; height:22px; font-weight:bold; clear:both; margin:15px auto; background:#fcb72c; line-height:22px; text-indent:8px; color:#fff; }

/* 相关信息 */
.xginfotab { margin:8px auto; width:740px;}
.xginfotab th { border-bottom:1px solid #ddd; vertical-align:top; line-height:24px; width:80px; color:#333;  font-weight:normal;}
.xginfotab td { border-bottom:1px solid #ddd;}

#xgdata {width:740px; border:1px solid #ddd; border-width:1px 0 1px 0; margin:10px; }

/* 房型信息 */
.fxtab1 { width:740px; border-collapse:collapse; margin:10px auto;}
.fxtab1 th {border:1px solid #ddd; text-align:center; height:36px; background:#fafafa; }
.fxtab1 td {border:1px solid #ddd; text-align:center;padding:3px;}

/* 更改日期 */
#ggdate { width:740px; border: solid #ddd; border-width:1px 0; }

/* 评论 */

.askt2 {  width:740px; text-align:center;}

.pinglun {width:718px; padding:5px 10px; border:1px solid  #ddd;  margin:5px 0; text-align:left}
.pltop { line-height:25px; font-weight:bold; }
 
/* 发布评论 */

#fbpinglun { width:660px; margin:45px 200px; border:1px solid #fcbf2f;}
#plclumb { width:658px; margin:1px; height:22px; line-height:22px; background:#fec75f; text-indent:15px; color:#fff;}
#plclumb a { color:#fff; font-weight:bold; line-height:22px; }
#fbpinglun table {  margin:10px;  margin-left:35px;}


/* ---------------------------------预订------------------------------ */


#table5  { width:80%;  border-collapse:collapse; margin:10px; }
#table5 td {border: 1px  solid #ddd; }


.fxtab { width:92%; border-collapse:collapse; margin:10px;}
.fxtab th {border:1px solid #ddd; text-align:center; background:#fefae1; }
.fxtab td {border:1px solid #ddd; text-align:center; }

#bookprice { margin:8px auto; width:92%;}
#bookprice li { width:70px; float:left; height:38px; border:1px solid #FFD079; text-align:center; }
#bookprice li h5 { border-bottom:1px solid #FFD079; height:20px; line-height:20px; font-weight:normal; background:#FFF9E6; margin:0;}

#bookprice li p { margin:0; height:19px; text-align:center; line-height:19px;}
.booktable { margin-left:8px; width:720px; border-collapse:collapse;}
.booktable th {  font-weight:normal; width:100px; text-align:right;   border:2px solid #fff;}
.booktable td { padding:2px 3px;}




/* */
#bookok { width:650px; border:1px solid #ddd; margin:25px auto; padding:20px; }



/* ---------------------------------旅馆图片------------------------------ */



/* 旅馆图片 */


.photocenter { width:768px; float:left; text-align:center;}
.photoright { width:190px; float:left; margin-left:5px;}
.photoright  ul { float:left; margin:2px;}
.photoright {   text-align:center;}



#crumbphoto { width:768px; height:20px; background:url(/images/crumbbg.gif) no-repeat; margin:5px 0; color:#999; border:1px solid #ddd; }

#upphototab { margin:5px;}


.smphoto img { width:80px; height:60px; border:0;}
a.smphoto { width:80px; height:60px;  display:block; padding:2px; border:1px solid #ddd;}
a.smphoto:hover  { border:1px solid #bbb; }


.photoimg { width:132px; height:95px; border:1px solid #d8d8d8; padding:3px; }
.photoimg img { width:132px; height:95px; border:0;}

#photoupbox{ width:750px; border:1px solid #ddd; }

#PriceAll{ border:0; border-spacing:0;border-collapse : 0; } 
#PriceAll th{ text-align:center; background-color:FFFFAC; border-bottom:dashed  1px #666666; padding:5px; }
#PriceAll td{ text-align:center; border-bottom:dashed  1px #666666; height:20px; padding:5px; }


/* ---------------------------------快捷/星级连锁旅馆列表------------------------------ */

.div5 a {line-height:22px; text-indent:25px; display:block; width:170px; height:21px; background:url(/images/a6.gif) no-repeat 10px 7px; border-bottom:1px dashed #ddd; }/* 左边 */

#listdiv ul {width:730px; margin-left:10px; }
#listdiv ul li { border-bottom:1px  dotted #ddd; height:26px; line-height:26px; }
.kjtd1 { width:60px;  display:block; float:left; } 
.kjspan2 { width:240px;   float:left; }
.kjspan3 { width:350px;  float:left; color:666;}
.kjspan4 { width:50px; display:block; float:right;  }
 
#kjcitylist { margin:5px; border:0; clear:both; }

.lisaaa2,.lisaaa1 { display:block; padding:2px 7px 0 7px; float:left; margin-right:3px;  }
.lisaaa2 { border:1px solid #FF6600; background:#ff9;  }
.lisaaa2 a span { color:#f30; }
.lisaaa1 { border:1px solid #ddd; background:#f2f2f2;  }
.lisaaa1 a span { color:#000; }

 
 




/* ---------------------------------推荐/特价旅馆列表------------------------------ */

#tjmain { background:url(../hotel/imgs/tjbg1.gif) repeat-y; width:980px; margin-top:3px; }
#tjleft { background:url(../hotel/imgs/tjtop1.gif) no-repeat; width:200px; padding-left:16px; padding-top:150px; float:left;}
#tjright { background:url(../hotel/imgs/tjbg2.gif) repeat-y 0 30px; width:763px; float:left;} 


#tjmain {overflow: hidden;  display: block;}
/* easy clearing */
#tjmain:after { content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; clear: both; visibility:hidden; }
/* end easy clearing */
#tjleft, #tjright {	float: left; padding-bottom: 32767px !important; margin-bottom: -32767px !important; 	}

/*  左  */
#tablediv5 { width:184px; border:solid #f8a504 1px; float:left; background:#fff;}
#tablediv5 a { display:block; padding:0;margin:0; height:25px; width:60px; text-align:center; float:left;}


/* 右 */

#righttopt4 { display:block; height:40px; line-height:36px; width:740px;  margin-left:8px; background:url(../hotel/imgs/ico1.gif) no-repeat 0 5px; text-indent:60px; color:#f60; font-size:15px; border-bottom:1px solid #ddd;}

.p1 {display:block; width:120px; height:90px; overflow:hidden; border:1px solid #ddd; padding:2px; margin:3px; }
.p1 img { width:120px; height:90px;}
.hotellistmoretab {  margin-bottom:10px; width:720px; margin-left:20px;}
.hotelname { border-bottom:1px dashed #ddd; font-size:14px;}

.kongtd { height:8px;}
.tjfang { text-align:center; border-collapse:collapse; margin-top:2px;}
.tjfang th { border:1px solid #ddd; background:#eee7d9;}
.tjfang td { border:1px solid #ddd;}

.page { width:350px; float:right; clear:both;}
.page a { display:block; border:1px solid #ddd; padding:0 5px; float:left; margin:8px 2px;}
#tjfoot { background:url(../hotel/imgs/tjfoot.gif) no-repeat; width:100%; height:5px;}


/* 城市列表 */

#hiright {width:740px; float:left; margin-left:6px; margin-top:5px; text-align:left; padding:10px; border:1px solid #ddd;}
#cityhot p { text-indent:80px;}
.citylisttt strong { width:700px; margin:10px auto;  display:block; height:18px; background:#eee;}
.citylisttt a { text-align:center; line-height:20px;}

#footlshotel { width:700px;  margin:10px auto; text-align:left; margin:10px auto; border-top:1px dashed #eee;}


/* 经济型快捷旅馆更多 */
#righttopt3 { width:99%; border:1px solid #ddd; height:20px;  line-height:20px; text-indent:10px; color:#666; text-align:left;}

#jjhotellist { width:978px; margin:5px auto; border:1px solid #fcbf2f; padding:2%;}
#jjhotellist span { display:block; width:99%; margin:5px auto;  height:30px; font-size:14px; font-weight:bold;  text-align:center; line-height:30px; height:30px; border-bottom:1px dashed #ddd; margin-bottom:15px}
#jjhotellist li { width:158px; text-align:left; float:left; text-indent:15px; background:url(/images/a6.gif) no-repeat 0 8px; height:25px; line-height:25px; }
 
/* 糖酒会锁旅馆列表 */
#righttopt2 { width:99%; border-bottom:1px solid #ddd; height:20px;  line-height:20px; color:#666; text-align:center;}
#righttopt2 a { color:#666;}

#listdiv5 table{ width:710px; margin:10px auto;}



/* 预订登录页面 */
#hotelinfologin {width:780px; margin-top:30px; height:100%;}
#ydloginbox1 { width:430px; height:270px; float:left; padding-top:45px; background:url(../hotel/imgs/loginbg1.gif) no-repeat;}
#ydloginbox2 { width:330px; height:270px; float:right; padding-top:60px; background:url(../hotel/imgs/loginbg2.gif) no-repeat;}
#ydloginbox1 p { width:400px; margin-left:15px; margin-top:10px; border-top:1px solid #c7c5bc; text-align:left; padding-top:6px;}

#ydloginbox1 p strong { line-height:30px;}
.hotellogininp { width:180px; height:19px; line-height:19px;}
