﻿/*酒店页面样式*/
#main{/*background: #000;*/}
#main em{color: #F60;font-family: Arial;font-weight: bold;}

/*酒店首页搜索、幻灯片*/
.topMode .search{background: #FFF;border: 1px solid #DDD;border-top: 2px solid #F60;box-shadow: 0 3px 4px #DDD;height: 320px;float: left;width: 248px;}
.topMode .slider{height: 323px;float: right;margin-left: 10px;width: 700px;}
.topMode .search h2.hd{border-bottom: 1px solid #DDD;height: 32px;line-height: 32px;overflow: hidden;padding: 0 10px;}
.topMode .search h2.hd b{font: bold 14px/32px "微软雅黑","宋体",Arial;}
.topMode .search .content{padding: 10px 20px;}
.topMode .search dl{display: inline-block;float: left;margin-bottom: 10px;_margin-bottom: 8px;width: 208px;}
.topMode .search dt{color: #666;height: 28px;line-height: 28px;_line-height: 30px;float: left;overflow: hidden;padding-right: 15px;width: 48px;}
.topMode .search dd{height: 28px;float: left;position: relative;width: 145px;}
.topMode .search dd em{background: url(../images/hotel/searchbg.gif) no-repeat right 7px;cursor: pointer;display: block;height: 28px;overflow: hidden;position: absolute;left: 119px;top: 0;width: 25px;}
.topMode .inputText{background: url(../images/hotel/searchbg.gif) no-repeat 0 0;border: 0 none;color: #888;height: 18px;line-height: 18px;padding: 5px 30px 5px 5px;width: 110px;}
.topMode .keyWord{padding: 5px;width: 135px;}
.topMode .inputBtn{background: url(../images/hotel/searchbg.gif) no-repeat 0 -33px;border: 0;cursor: pointer;height: 34px;width: 122px;}
.topMode .btnBox{text-align: center;}
.topMode .checkIn .inputText,.topMode .checkOut .inputText{font-family: Arial;}
.topMode dd.city em{background-position: right 7px;}
.topMode dd.checkIn em{background-position: right -18px;}
.topMode dd.checkOut em{background-position: right -43px;}
.topMode dd.arrow em{background: url(../images/arrowbg.gif) no-repeat 7px -327px;}
.topMode dd.arrow ul{background: #FFF;border-left: 1px solid #D1D1D1;border-right: 1px solid #E7E6E7;border-bottom: 1px solid #E7E6E7;display: none;position: absolute;top: 27px;left: 0;width: 143px;}
.topMode dd.arrow li{background: #FFF;border-top: 1px solid #E7E6E7;border-left: 2px solid #F1F1F1;cursor: pointer;height: 18px;line-height: 18px;_line-height: 20px;overflow: hidden;padding: 5px 10px 5px 3px;}
.topMode dd.arrow li:hover,.topMode dd.arrow li.on{background: #F0F0F0;color: #F60;}
.topMode .slider .sliderBox{background: #FFF;height: 260px;overflow: hidden;width: 700px;}
.topMode .slider .service{background: #FFF;border: 1px solid #DDD;box-shadow: 0 3px 4px #DDD;height: 35px;line-height: 35px;margin-top: 10px;/*overflow: hidden;*/padding: 8px 10px;text-align: justify;}
.topMode .slider .service dt{background: url(../images/hotel/hotelbg.gif) no-repeat 0 -183px;display: inline-block;float: left;width: 58px;overflow: hidden;text-indent: -9999px;}
.topMode .slider .service dd{display: inline-block;float: left;height: 35px;margin-left: 10px;z-index: 10;width:auto;_width:0;white-space:nowrap;}
.topMode .slider .service dd a{background: #333;border-radius: 3px;color: #FFF;display: block;height: 35px;line-height: 35px;padding: 0 25px;text-align: center;}
.topMode .slider .service dd.d1 a{background: #FF84AC;}
.topMode .slider .service dd.d2 a{background: #68BD77;}
.topMode .slider .service dd.d3 a{background: #54B3FC;}
.topMode .slider .service dd.d4 a{background: #C286E3;}
.topMode .slider .service dd.d5 a{background: #FF8763;}
.topMode .slider .service dd a:hover{background: #F40;}

/*特价酒店、酒店团购*/
.topFocus{border: 1px solid #DDD;border-top: 2px solid #F60;box-shadow: 0 3px 4px #DDD;background: #FFF;margin-top: 10px;padding: 10px 0;}
.topFocus .left{float: left;width: 374px;padding-left: 10px;}
.topFocus .right{border-left: 1px solid #CCC;float: right;height: 275px;width: 561px;padding-left: 11px;}
.topFocus h2.hd{height: 32px;line-height: 32px;overflow: hidden;padding-bottom: 5px;}
.topFocus h2.hd span{background: url(../images/arrowbg.gif) no-repeat 0 -514px;float: right;padding: 0 10px;}
.topFocus h2.hd b{color: #000;font: 18px/32px "微软雅黑","宋体",Arial;}
.topFocus li{background: url(../images/dot.gif) no-repeat 0 15px;border-bottom: 1px solid #EEE;display: inline;float: left;height: 24px;line-height: 24px;overflow: hidden;padding: 5px 0 5px 8px;width: 355px;}
.topFocus li span.price{color: #888;float: right;}
.topFocus li.pic{border-bottom: 0;display: inline;height: 133px;float: left;margin-right: 10px;padding: 0;width: 177px;}
.topFocus li.pic a{display: block;height: 133px;overflow: hidden;position: relative;width: 177px;}
.topFocus li div{color: #FFF;font-size: 12px;height: 28px;line-height: 28px;position: absolute;left: 0;top: 105px;overflow: hidden;padding: 0 5px;width: 167px;}
.topFocus li div span{color: #FF0;float: right;padding-left: 5px;}
.topFocus li div span em{color: #FF0 !important;}
.topFocus li div.bg{background: #000;filter: alpha(opacity=70);opacity: 0.7;}
.topFocus li a:hover div.bg{background: #F40;filter: alpha(opacity=90);opacity: 0.9;}
.topFocus .right li.pic{height: auto;}
.topFocus .right li.pic dd{color: #888;}
.topFocus .right li.pic dd.title{height: 60px;line-height: 20px;margin-bottom: 5px;overflow: hidden;padding-top: 7px;text-align: justify;}
.topFocus .right li.pic dd.title a{height: 60px;}
.topFocus .right li dt{height: 133px;width: 177px;overflow: hidden;}
.topFocus .right li dt span{background: url(../images/hotel/discount.png) no-repeat 0 0;color: #FFF;display: inline-block;height: 50px;line-height: 50px;overflow: hidden;position: absolute;top: 42px;left: 0;width: 57px;text-align: center;}
.topFocus .right li dt span em{color: #FFF !important;margin-right: 3px;}
.topFocus .right em.sale{font-size: 24px;}
.topFocus .right li span.price{text-decoration: line-through;}
.topFocus .right li span.price em{color: #888 !important;}

/*精选酒店*/
.hotels{border: 1px solid #DDD;border-top: 2px solid #F60;box-shadow: 0 3px 4px #DDD;background: #FFF;margin-top: 10px;height: 313px;overflow: hidden;padding: 10px 0;}
.hotels h2.hd{height: 32px;line-height: 32px;overflow: hidden;padding-bottom: 5px;}
.hotels h2.hd span{background: url(../images/arrowbg.gif) no-repeat 0 -514px;float: right;padding: 0 10px;}
.hotels h2.hd b{color: #000;font: 18px/32px "微软雅黑","宋体",Arial;}
.hotels .left{float: left;height: 313px;overflow: hidden;padding-left: 10px;position: relative;width: 748px;}
.hotels .right{float: right;padding-right: 10px;width: 190px;}
.hotels .hots li{border-bottom: 0;display: inline;height: 133px;float: left;margin: 0 10px 10px 0;padding: 0;width: 177px;}
.hotels .hots li a{display: block;height: 133px;overflow: hidden;position: relative;width: 177px;}
.hotels .hots li div{color: #FFF;font-size: 12px;height: 28px;line-height: 28px;position: absolute;left: 0;top: 105px;overflow: hidden;padding: 0 5px;width: 167px;}
.hotels .hots li div span{color: #FF0;float: right;padding-left: 5px;}
.hotels .hots li div span em{color: #FF0 !important;}
.hotels .hots li div.bg{background: #000;filter: alpha(opacity=70);opacity: 0.7;}
.hotels .hots li a:hover div.bg{background: #F40;filter: alpha(opacity=90);opacity: 0.9;}
.hotels .ui-tabs-nav{background: #FFF;padding: 0;position: absolute;top: 5px;left: 92px;}
.hotels .ui-tabs-nav li{height: 24px;margin-right: 5px;overflow: hidden;width: 62px;}
.hotels .ui-tabs-nav li a{display: inline-block;font-size: 12px;height: 14px;line-height: 14px;_line-height: 16px;overflow: hidden;padding: 5px 7px;}
.hotels .ui-tabs-nav li.ui-tabs-selected{background: #F40;border-radius: 2px;}
.hotels .ui-tabs-nav li.ui-tabs-selected a{color: #FFF !important;}
.hotels .ui-tabs-panel{padding: 0;}

/*酒店点评*/
.hotels .dianping{background: #FFF;border: 3px solid #DDD;height: 256px;overflow: hidden;padding: 7px;width: 170px;}
.hotels .dianping dl{border-bottom: 1px solid #E5E5E5;padding: 0 0 5px;margin-bottom: 5px;}
.hotels .dianping dt{height: 18px;line-height: 18px;overflow: hidden;}
.hotels .dianping dt a{color: #30A0D3;}
.hotels .dianping dt a:hover{text-decoration: underline;}
.hotels .dianping dd{height: 36px;line-height: 18px;margin: 3px 0;overflow: hidden;}
.hotels .dianping dd.sub{height: 18px;margin: 0;}

/*品牌连锁酒店无缝滚动*/
.brandsBox{border: 1px solid #DDD;border-top: 2px solid #F60;box-shadow: 0 3px 4px #DDD;margin-top: 10px;padding: 5px 0 10px 0;}
.brandsBox h2.hd{height: 32px;line-height: 32px;overflow: hidden;padding: 0 0 7px 10px;}
.brandsBox h2.hd span{background: url(../images/arrowbg.gif) no-repeat 0 -514px;float: right;padding: 0 10px;}
.brandsBox h2.hd b{color: #000;font: 18px/32px "微软雅黑","宋体",Arial;}
.brandsBox .content{padding: 0;text-align: justify;}
.brandsBox .marquee{padding: 0 24px;position: relative;width: 910px;height: 99px;overflow: hidden;}
.brandsBox .marquee .outerBox{overflow: hidden;position: relative;width: 910px;height: 99px;margin: 0 auto;}
.brandsBox .marquee ul{position:absolute;top:0;left:0;width:9999px;}
.brandsBox .marquee li{display: inline;float: left;height: 99px;overflow: hidden;padding: 0 0 0 15px;width: 75px;}
.brandsBox .marquee li a{background: url(../images/hotel/hotelbg.gif) no-repeat 0 -76px;display: block;height: 75px;overflow: hidden;padding: 24px 0 0;position: relative;width: 75px;}
.brandsBox .marquee li a img{margin-left:12px;}
.brandsBox .marquee li a div{color: #666;height: 22px;line-height: 22px;margin-top: 12px;overflow: hidden;text-align: center;}
.brandsBox .marquee li a:hover div{color: #F60;}
.brandsBox .marquee .btn{display: block;height: 60px;position: absolute;top: 19px;text-align: center;width: 20px;}
.brandsBox .marquee .plus{background: #FFF;left: 4px;}
.brandsBox .marquee .minus{background: #FFF;right: 4px;}
.brandsBox .marquee .btn a{background: url(../images/hotel/arrow.gif) no-repeat -42px 0;cursor: pointer;display: block;height: 60px;margin: 0;width:20px;}
.brandsBox .marquee .btn a:hover{background-position: 0 0;}
.brandsBox .marquee .minus a{background-position: -20px 0;}
.brandsBox .marquee .minus a:hover{background-position: -63px 0;}

/*品牌连锁酒店页*/
.brands .container{background: #F3F3F3;border: 1px solid #E3E3E3;box-shadow: 0 3px 4px #DDD;overflow: hidden;padding: 5px;width: 948px;}
.brands .container h2.hd{background: #FFF;border-bottom: 1px solid #EEE;height: 32px;line-height: 32px;overflow: hidden;padding: 10px 40px;}
.brands .container h2.hd b{color: #000;font: 18px/32px "微软雅黑","宋体",Arial;}
.brands .outer{overflow: hidden;width: 948px;}
.brands .lists{background: #FFF;overflow: hidden;padding: 0 0 22px 2px;width: 980px;}
.brands .lists li{display: inline;float: left;height: 99px;margin: 22px 0 0 38px;overflow: hidden;width: 75px;}
.brands .lists li a{background: url(../images/hotel/hotelbg.gif) no-repeat 0 -76px;display: block;height: 75px;overflow: hidden;padding: 24px 0 0;position: relative;width: 75px;}
.brands .lists li a img{margin-left:12px;}
.brands .lists li a div{color: #666;height: 22px;line-height: 22px;margin-top: 12px;overflow: hidden;text-align: center;}
.brands .lists li a:hover div{color: #F60;}

.crumbs{margin-bottom: 10px;}
.crumbs li{float: left;line-height: 23px;}
.crumbs span{margin: 0 5px;}

/*酒店详情页*/
.show .info{background: #F5F5F5;border: 1px solid #E5E5E5;box-shadow: 0 3px 4px #E5E5E5;margin-top: 10px;padding: 5px;width: 948px;}
.show .infoBox{background: #FFFFFF;padding: 10px;}
/*酒店标题*/
.infoBox .hd{border-bottom: 1px solid #EEE;height: 62px;overflow: hidden;position: relative;padding-right: 150px;width: 778px;}
.infoBox .hd dt{height: 28px;line-height: 28px;overflow: hidden;}
.infoBox .hd dt h1{font: bold 20px/28px Arial,"微软雅黑","宋体";}
.infoBox .hd dd{color: #666;height: 34px;line-height: 34px;overflow: hidden;}
.infoBox .hd dd b{color: #000;font-weight: normal;}
.infoBox .hd dd span{display: inline-block;margin-left: 10px;}
.infoBox .hd dd span{background: url(../images/hotel/hotelbg.gif) no-repeat 0 -312px;padding-left: 18px;}
.infoBox .hd dd span.map{background-position: 0 -312px;}
.infoBox .hd dd span.mobile{background-position: 0 -355px;padding-left: 16px;}
.infoBox .hd dd span a{color: #30A0D3;}
.infoBox .hd dd.price{color: #666;height: 62px;line-height: 62px;overflow: hidden;position: absolute;top: -5px;right: 0;text-align: right;width: 150px;}
.infoBox .hd dd.price em{color: #F60;font-size: 20px;padding: 0 2px 0 5px;}
/*酒店幻灯片、酒店基本信息*/
.infoBox .content{height: 306px;margin-top: 10px;overflow: hidden;position: relative;width: 928px;}
.infoBox .content .left{border: 1px solid #E5E5E5;box-shadow: 0 3px 5px #AAA;float: left;height: 300px;overflow: hidden;padding: 2px;position: relative;width: 400px;}
.infoBox .content .left span a{background: url(../images/hotel/arrow.png) no-repeat 0 0;display: block;height: 40px;position: absolute;top: 130px;width: 19px;text-indent: -9999px;}
.infoBox .content .left span a.prev{background-position: 0 0;left: 7px;}
.infoBox .content .left span a.next{background-position: -20px 0;left: 378px;}
.infoBox .content .left span a.prev:hover{background-position: -40px 0;}
.infoBox .content .left span a.next:hover{background-position: -60px 0;}
.infoBox .thumbBox{float: right;margin: 0 0 6px 17px;overflow: hidden;width: 505px;}
.infoBox .thumbBox .outer{position: relative;}
.infoBox .thumbBox ul{float: left;}
.infoBox .thumbBox li{display: inline;float: left;height: 60px;margin-right: 5px;overflow: hidden;position: relative;width: 80px;}
.infoBox .thumbBox li b{background: #FFF;cursor: pointer;display: block;height: 60px;opacity: 0.4;filter:Alpha(opacity=40);position: absolute;top: 0;left: 0;width: 80px;}
.infoBox .thumbBox li.tabOn b{opacity: 0;filter:Alpha(opacity=0);}
.infoBox .thumbBox .more{display: inline;float: left;width: 80px;text-align: center;}
.infoBox .thumbBox .more a{color: #30A0D3;display: block;height: 60px;line-height: 60px;overflow: hidden;width: 80px;}
.infoBox .thumbBox .more a:hover{background: #F60;color: #FFF;}
.infoBox .basic{height: 240px;float: left;margin-left: 17px;overflow: hidden;width: 505px;}
.infoBox .basic li{color: #888;height: 24px;line-height: 24px;overflow: hidden;padding: 4px 0;}
.infoBox .basic li b{font-weight: normal;color: #000;}
.infoBox .basic .tools{float: right;}
.infoBox .basic .tools a{border-radius: 3px;color: #FFF;display: inline-block;margin-left: 5px;height: 24px;_line-height: 25px;overflow: hidden;padding: 0 10px;}
.infoBox .basic .tools a.btnCollection{background: #68BD77;}
.infoBox .basic .tools a.btnFaq{background: #C286E3;}
.infoBox .basic .tools a.btnPrint{background: #54B3FC;}
.infoBox .basic .tools a:hover{background: #F60;}

/*详情页正文内容*/
.infoMain{margin-top: 10px;}
.infoMain .right{float: left;height: auto;margin-left: 10px;width: 210px;}
.infoMain .left{float: left;width: 740px}
.infoMain .ui-tabs-nav{background: url(../images/hotel/hotelbg.gif) repeat-x 0 -266px;margin-left: -1px;}
.infoMain .ui-tabs-nav li{border-left: 1px solid #DDD;height: 32px;line-height: 32px;width: 104px;}
.infoMain .ui-tabs-nav li a{color: #333;font: bold 14px/32px "微软雅黑","宋体",Arial;}
.infoMain .ui-tabs-nav li.end{width: 108px;}
.infoMain .ui-tabs-nav li.ui-tabs-selected{background: url(../images/hotel/hotelbg.gif) repeat-x 0 -228px;}
.infoMain .ui-tabs-nav li.ui-tabs-selected a{color: #FFF;}
.infoMain .ui-tabs-panel{line-height: 23px;padding: 15px;width: 708px;}
.infoMain .ui-tabs-panel .outer{height: auto;width: 708px;overflow: hidden;}
.infoMain .contentBox{border: 1px solid #DDD;border-top: 2px solid #F60;box-shadow: 0 3px 4px #E5E5E5;height: auto;width: 738px;}
.infoMain .orderDate{height: 28px;}
.infoMain .texTit{color:#333;margin:8px 0;font:bold 14px/32px "微软雅黑","宋体",Arial;padding-left:10px;background:#F0F0F0;}
.infoMain .orderDate li{color: #000;display: inline;float: left;height: 28px;line-height: 28px;_line-height: 29px;margin-right: 10px;position: relative;}
.infoMain .orderDate .inputText{background: url(../images/hotel/searchbg.gif) no-repeat 0 0;border: 0 none;color: #888;font-family: Arial;height: 18px;line-height: 18px;padding: 5px 30px 5px 5px;width: 110px;}
.infoMain .orderDate em{background: url(../images/hotel/searchbg.gif) no-repeat right 7px;cursor: pointer;display: block;height: 28px;overflow: hidden;position: absolute;left: 119px;top: 0;width: 25px;}
.infoMain .orderDate .checkIn em{background-position: right -18px;}
.infoMain .orderDate .checkOut em{background-position: right -43px;}
.infoMain .orderDate .btn{cursor: pointer;color: #FFF;background: url(../images/hotel/hotelbg.gif) no-repeat 0 0;border: none;height: 28px;line-height: 28px;width: 78px;}
.infoMain .itemList{margin-top: 15px;width: 708px;}
.infoMain .itemList .itemTable{}
.infoMain .itemList .table a{color: #30A0D3;}
.infoMain .itemList .table a:hover{color: #F90;}
.infoMain .itemList .table dl{width: 708px;height: auto;}
.infoMain .itemList .table dt{background: #FFF;border: 1px solid #E5E5E5;border-width: 0 0 1px;float: left;height: 28px;line-height: 28px;margin: 0;overflow: hidden;padding: 7px 5px;width: 170px;text-align: left;}
.infoMain .itemList .table dt a.pics{background: url(../images/hotel/hotelbg.gif) no-repeat right -390px;display: inline-block;padding-right: 16px;}
.infoMain .itemList .table dd{background: #FFF;float: left;border-bottom: 1px solid #E5E5E5;height: 28px;line-height: 28px;margin: 0;overflow: hidden;padding: 7px 5px;text-align: center;width: 78px;}
.infoMain .itemList .table dl.title dt,.infoMain .itemList .table dl.title dd{background: #F0F0F0;height: 18px;line-height: 18px;}
.infoMain .itemList .table dd em{color: #E10000;font: bold 12px/16px Arial,Helvetica,sans-serif;}
#main .infoMain .itemList .table dd em.del{color: #888;text-decoration: line-through;}
.infoMain .itemList .table dd.btn a{background: url(../images/hotel/hotelbg.gif) no-repeat 0 -38px;color: #FFF;display: block;height: 28px;width: 78px;}
.infoMain .itemList .table dd.btn a:hover{color: #FFF;}
.infoMain .itemList .roomInfo{background: #F5F5F5;border-bottom: 1px solid #E5E5E5;display: none;padding: 5px 0;}
.infoMain .itemList .roomInfo li{color: #888;float: left;height: 28px;line-height: 28px;padding: 0 5px;width: 167px;}
.infoMain .itemList .roomInfo li.pics{height: auto;width: 708px;margin: 0;padding: 0;}
.infoMain .itemList .roomInfo li.pics li{height: 71px;padding: 5px 0 0 5px;width: 95px;}
.infoMain .itemList .roomInfo li.pics li a{background: #CCC;display: block;height: 71px;width: 95px;overflow: hidden;position: relative;}
.infoMain .itemList .roomInfo li.pics li a .bg{background: #FFF;opacity: 0.4;filter:Alpha(opacity=40);height: 71px;position: absolute;left: 0;top: 0;width: 95px;}
.infoMain .itemList .roomInfo li.pics li a:hover .bg{opacity: 0;filter:Alpha(opacity=0);}

/*详情页酒店图片*/
.infoMain .hotelGallery{margin-top: -10px;overflow: hidden;width: 760px;}
.infoMain .hotelGallery li{display: inline;float: left;height: 128px;margin: 10px 10px 0 0;width: 169px;}
.infoMain .hotelGallery li a{background: #F0F0F0;border: 1px solid #EEE;display: block;height: 124px;overflow: hidden;padding: 1px;position: relative;width: 165px;}
.infoMain .hotelGallery li a:hover{border: 2px solid #F60;border-radius: 3px;padding: 0;}
.infoMain .hotelGallery li div{color: #FFF;font-size: 12px;height: 24px;line-height: 24px;position: absolute;left: 1px;top: 101px;overflow: hidden;padding: 0 5px;width: 155px;text-align: center;}
.infoMain .hotelGallery li div.bg{background: #000;filter: alpha(opacity=70);opacity: 0.7;}
.infoMain .hotelGallery li img{display: block;margin: auto;vertical-align: middle;}
.infoMain .hotelGallery li span{background: #F60;color: #FFF;display: none;height: 18px;left: 0;line-height: 18px;overflow: hidden;padding: 3px 8px;position: absolute;top: 101px;}
.infoMain .hotelGallery li a.on span{display: inline-block;}
.infoMain .hotelGallery li a.on div{display: none;}

/*详情页酒店点评*/
.show .comments .markInfo{background: url(../images/hotel/shadowbg.png) no-repeat 0 bottom;height: 91px;overflow: hidden;padding-bottom: 30px;}
.show .comments .mark1{background: url(../images/hotel/commentbg.gif) no-repeat 0 -79px;color: #000;float: left;height: 91px;margin-right: 20px;width: 93px;text-align: center;}
.show .comments .mark1 .hd{padding: 7px 0 0;}
.show .comments .mark1 em{color: #F60;font-family: Arial;font-weight: bold;}
.show .comments .mark1 h2{height: 26px;overflow: hidden;padding: 5px 0 4px;}
#main .show .comments .mark1 h2 em{color: #FFF;font: bold 26px/26px Arial,Helvetica,sans-serif;text-shadow: 1px 1px 1px #666;}
.show .comments .mark2{float: left;width: 318px;}
.show .comments .mark2 dl{height: 20px;line-height: 20px;margin-bottom: 3px;overflow: hidden;}
.show .comments .mark2 dt,.show .comments .mark2 dd{display: inline-block;float: left;}
.show .comments .mark2 dt{color: #000;width: 60px;text-align: right;}
.show .comments .mark2 dd.d1{background: url(../images/hotel/commentbg.gif) no-repeat 0 0;height: 13px;line-height: 13px;margin: 3px 10px 3px 5px;overflow: hidden;width: 210px;}
.show .comments .mark2 dd.d1 div{background: url(../images/hotel/commentbg.gif) no-repeat 0 -14px;height: 13px;overflow: hidden;}
.show .comments .mark2 dd.d1 div.red{background-position: 0 -14px;}
.show .comments .mark2 dd.d1 div.green{background-position: 0 -28px;}
.show .comments .mark2 dd.d1 div.blue{background-position: 0 -42px;}
.show .comments .mark2 dd.d1 div.pink{background-position: 0 -56px;}
.show .comments .mark2 dd.d2{color: #F60;font-weight: bold;font-size: 12px;font-family: Arial;line-height: 20px;width: 30px;padding-right: 3px;}
.show .comments .mark3{color: #888;float: right;width: 204px;text-align: center;padding: 10px 0;}
.show .comments .mark3 p{padding: 6px 0;}
.show .comments .mark3 .btn{background: url(../images/hotel/commentbg.gif) no-repeat 0 -180px;display: inline-block;height: 25px;width: 94px;}
.show .comments .lists .noRecord{color: #888;line-height: 18px;}
.show .comments .item{border-top: 1px solid #F60;margin-top: 10px;padding-top: 10px;}
.show .comments .item .desc{float: left;width: 708px;}
.show .comments .item .desc dl{border-bottom: 1px dotted #D5D5D5;color: #000;height: 21px;overflow: hidden;padding-bottom: 6px;}
.show .comments .item .desc dl span{color: #F60;}
.show .comments .item .desc dl em{font-family: Arial;}
.show .comments .item .desc dt{color: #888;float: right;font-family: Arial;}
.show .comments .item .desc dt span{font-family: Arial;font-weight: bold;margin-right: 10px;text-transform: uppercase;}
.show .comments .item .desc dd{float: left;padding-right: 12px;}
.show .comments .item .text{border-bottom: 1px dotted #D5D5D5;margin-bottom: 10px;padding: 6px 0;text-align: justify;}
.show .comments .picture{border-bottom: 1px dotted #D5D5D5;margin-bottom: 10px;overflow: hidden;padding: 0;}
.show .comments .picture li{background: #FFF;display: inline;float: left;height: 83px;padding: 0 8px 6px 0;width: 110px;}
.show .comments .picture li a{display: block;background: #CCC;height: 83px;width: 110px;overflow: hidden;position: relative;z-index: 10;}
.show .comments .picture li a div.bg{border: 3px solid #F60;display: none;height: 77px;width: 104px;position: absolute;top: 0;left: 0;z-index: 20;}
.show .comments .picture li a:hover div.bg{display: block;}
.show .comments .impression li{background: #009FD6;color: #FFF;display: inline-block;float: left;height: 18px;line-height: 18px;_line-height: 20px;margin-right: 3px;overflow: hidden;padding: 3px 10px;}
.show .comments .impression li.t0{background: #555;color: #FFF;}
.show .comments .impression li.t1{background: #6CC;}
.show .comments .impression li.t2{background: #F90;}
.show .comments .impression li.t3{background: #F9C;}
.show .comments .impression li.t4{background: #F99;}
.show .comments .impression li.t5{background: #F96;}
.show .comments .impression li.t6{background: #F66;}
.show .comments .impression li.t7{background: #9C6;}
.show .comments .impression li.t8{background: #6CF;}
.show .comments .impression li.t9{background: #69C;}

/*详情页酒店咨询*/
.show .consults{/**/}
.show .consults .lists .noRecord{color: #888;line-height: 18px;margin-bottom: 10px;}
.show .consults .lists .item{border-bottom: 1px solid #F60;margin-bottom: 10px;line-height: 20px;padding-bottom: 10px;}
.show .consults .lists .item dl.answer{background: #F3F3F3;margin-top: 3px;}
.show .consults .lists .item dt{float: left;height: 20px;line-height: 20px;width: 68px;}
.show .consults .lists .item dt b{background: url(../images/hotel/commentbg.gif) no-repeat -194px -121px;display: inline-block;font-weight: normal;padding: 0 0 0 20px;}
.show .consults .lists .item dd{float: left;line-height: 20px;padding: 0 10px;text-align: justify;width: 620px;}
.show .consults .lists .item dd span{color: #888;float: right;font-family: Arial;margin-left: 10px;}
.show .consults .lists .item .question dt b{background-position: -194px -121px;}
.show .consults .lists .item .answer dt b{background-position: -194px -87px;}
.show .consults .lists .item .answer dd{color: #666;}
.show .consults .lists .item .wait{color: #F60;}
.show .faqBox{padding-top: 10px;}
.show .faqBox h3{background: #F0F0F0;color: #000;height: 18px;line-height: 18px;padding: 7px 10px;}
.show .faqBox dl{margin-top: 10px;}
.show .faqBox dt{display: inline;float: left;font: bold 12px/30px "微软雅黑","宋体",Arial;width: 68px;text-align: right;}
.show .faqBox dd{display: inline;float: left;line-height: 30px;margin-left: 10px;width: 630px;position: relative;}
.show .faqBox dd span{display: inline-block;margin-left: 10px;vertical-align: top;}
.show .faqBox dd span.tip{color: #F60;}
.show .faqBox .inputArea{border: 1px solid #E0E0E0;border-color: #AAA #E0E0E0 #E0E0E0 #999;border-radius: 3px;box-shadow: 0 2px 5px #CCC;color: #666;height: 100px;line-height: 18px;padding: 5px;width: 340px;resize: none;}
.show .faqBox .inputText{border: 1px solid #E0E0E0;border-color: #AAA #E0E0E0 #E0E0E0 #999;border-radius: 3px;box-shadow: 0 2px 5px #CCC;height: 18px;line-height: 18px;padding: 5px;width: 80px;}
.show .faqBox .inputBtn{background: url(../images/hotel/commentbg.gif) no-repeat -116px -180px;border: 0;cursor: pointer;height: 24px;left: 535px;position: absolute;top: 1px;width: 94px;}

/*Scrollbar 模拟滚动条总样式*/
.myScroll{position: relative;}
.myScroll .viewport{width: 708px; height: 300px; overflow: hidden; position: relative;}
.myScroll .overview{list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0;}
.myScroll .scrollbar{background: url(../images/scrollbar/tracky.png) no-repeat 0 0; position: relative;float: right; width: 15px;}
.myScroll .track{background: url(../images/scrollbar/trackendy.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px;}
.myScroll .thumb{background: url(../images/scrollbar/thumby.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px;}
.myScroll .thumb .end{background: url(../images/scrollbar/thumby.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px;}
.myScroll .disable{display: none;}
.noSelect{user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;}
/*酒店点评滚动条、酒店咨询滚动条重写样式*/
#scrollComment,#scrollConsult{width: 708px;}
#scrollComment.myScroll .viewport{width: 708px;height: 600px;}
#scrollConsult.myScroll .viewport{width: 708px;height: 360px;}
#scrollComment.myScroll .scrollbar,#scrollConsult.myScroll .scrollbar{position: absolute;top: 0;right: -22px;}

/*酒店详情页右边*/
.infoMain .right{/**/}
.infoMain .right .box{background: #FFF;border: 1px solid #E5E5E5;box-shadow: 0 3px 4px #E5E5E5;}
.infoMain .right h2.hd{border-bottom: 1px solid #E5E5E5;height: 32px;line-height: 32px;padding: 0 10px;}
.infoMain .right h2.hd b{color: #333;font: bold 14px/32px "微软雅黑","宋体",Arial;}
.infoMain .right .content{padding: 0 10px;}
.infoMain .right .hots dl{border-bottom: 1px solid #E5E5E5;padding: 8px 0;}
.infoMain .right .hots dt{background: #000;display: inline;height: 54px;float: left;margin-right: 8px;width: 72px;}
.infoMain .right .hots dd{color: #888;display: inline;float: left;height: 18px;line-height: 18px;overflow: hidden;width: 108px;}
.infoMain .right .hots img.star{padding-top: 2px;}

/*酒店列表页*/
.categorys{background: #F5F5F5;border: 1px solid #E5E5E5;box-shadow: 0 3px 4px #E5E5E5;display: inline;float: left;height: 345px;margin-left: 10px;padding: 5px;width: 688px;}
.categorys .inner{background: #FFF;padding: 5px 10px;}
.categorys dl{border-bottom: 1px solid #EEE;height: 26px;line-height: 26px;padding: 5px 0;}
.categorys dt{color: #000;float: left;width: 60px;}
.categorys dd{float: right;height: 26px;padding: 0 35px 0 3px;position: relative;width: 570px;}
.categorys dd div{background: url(../images/arrowbg.gif) no-repeat right -329px;color: #30A0D3;cursor: pointer;display: block;height: 26px;padding-right: 10px;position: absolute;left: 573px;top: 0;width: 24px;}
.categorys ul{height: 26px;overflow: hidden;}
.categorys li{display: inline;float: left;margin-right: 3px;white-space: nowrap;}
.categorys li a{border-radius: 3px;display: block;line-height: 26px;_line-height: 27px;padding: 0 7px;}
.categorys li a.cur{background: #F60;color: #FFF;}
.categorys ul.ck li{margin-right: 10px;}
.categorys ul.ck .inputCk{display: inline-block;margin-right: 2px;vertical-align: middle;}
.categorys ul.ck label{display: inline-block;font-family: tahoma;margin: 0;vertical-align: middle;}
.categorys ul.more{background: #F3F3F3;border: 1px solid #AAA;box-shadow: 0 3px 4px #AAA;display: none;height: auto;position: absolute;left: 228px;top: 31px;padding: 5px 15px 5px 3px;z-index: 100;width: 375px;}

.lists .boxes{margin-top: 10px;}
.lists .left{float: left;width: 250px;}
.lists .right{float: left;margin-left: 10px;width: 700px;}
.lists .left .box{background: #FFF;border: 1px solid #DDD;border-top: 2px solid #F60;box-shadow: 0 3px 4px #DDD;margin-top: 10px;width: 248px;}
.lists .left .box h2.hd{border-bottom: 1px solid #DDD;height: 32px;line-height: 32px;overflow: hidden;padding: 0 10px;}
.lists .left .box h2.hd b{font: bold 14px/32px "微软雅黑","宋体",Arial;}
.lists .left .box .content{padding: 5px 10px;}
.lists .left .hots .content{padding: 0 10px;}
.lists .left .hots dl{border-bottom: 1px solid #E5E5E5;padding: 8px 0;}
.lists .left .hots dt{background: #000;display: inline;height: 54px;float: left;margin-right: 8px;width: 72px;}
.lists .left .hots dd{color: #888;display: inline;float: left;height: 18px;line-height: 18px;overflow: hidden;width: 148px;}
.lists .left .hots dd a{color: #30A0D3;}
.lists .left .hots img.star{padding-top: 2px;}
.lists .left .banner li{margin-top: 10px;}

/*列表页酒店点评*/
.lists .left .dianping{background: #FFF;height: 256px;overflow: hidden;padding: 7px;}
.lists .left .dianping dl{border-bottom: 1px solid #E5E5E5;padding: 0 0 5px;margin-bottom: 5px;}
.lists .left .dianping dt{height: 18px;line-height: 18px;overflow: hidden;}
.lists .left .dianping dt a{color: #30A0D3;}
.lists .left .dianping dt a:hover{text-decoration: underline;}
.lists .left .dianping dd{height: 36px;line-height: 18px;margin: 3px 0;overflow: hidden;}
.lists .left .dianping dd.sub{height: 18px;margin: 0;}

/*排序方式*/
.lists .sort{background: url(../images/hotel/hotelbg.gif) repeat-x 0 -266px;border: 1px solid #CCC;padding: 0;}
.lists .sort dl,.lists .sort dt,.lists .sort dd{float: left;}
.lists .sort dt{background: #E5E5E5;border-right: 1px solid #CCC;padding: 7px 10px;}
.lists .sort dd{border-right: 1px solid #CCC;padding-right: 10px;}
.lists .sort dd a{background: url(../images/arrowbg.gif) no-repeat right 11px;display: block;padding: 7px 12px;}
.lists .sort dd a.asc.cur{background-position: right -69px !important;}
.lists .sort dd a.desc.cur{background-position: right -29px !important;}
.lists .sort dd a.cur,.lists .sort dd a:hover{color: #F60 !important;}
.lists .sort dd.default{padding-right: 0;}
.lists .sort dd.default a{background: none;}

/*显示列表*/
.lists .items .item{background: #F5F5F5;border: 1px solid #E5E5E5;margin-top: 10px;padding: 5px;width: 688px;}
.lists .items .item .box{background: #FFF;padding: 10px 10px 5px;}
.lists .items .item dl{height: 139px;overflow: hidden;}
.lists .items .item dt{background: #FFF;border: 1px solid #E5E5E5;float: left;height: 130px;margin: 1px 10px 0 0;overflow: hidden;padding: 2px;width: 173px;}
.lists .items .item dd{float: left;margin-right: 5px;width: 374px;}
.lists .items .item dd p{color: #888;height: 21px;line-height: 21px;overflow: hidden;}
.lists .items .item dd p span{color: #444;margin-right: 5px;}
.lists .items .item dd p.p1 a{font: bold 14px/21px "微软雅黑","宋体",Arial;}
.lists .items .item dd p.p2{height: 42px;}
.lists .items .item dd ul.p5{height: 34px;overflow: hidden;}
.lists .items .item dd ul.p5 li{float: left;height: 32px;margin-right: 5px;width: 42px;}
.lists .items .item dd ul.p5 li a{display: block;}
.lists .items .item dd ul.p5 li img{border: 1px solid #E5E5E5;cursor: pointer;height: 30px;padding: 1px;width: 40px;}
.lists .items .item dd ul.p5 a.cur img,.lists .items .item dd ul.p5 a:hover img{border: 2px solid #F60;padding: 0;}
.lists .items .item dd.price{color: #888;margin: 0;width: 100px;text-align: right;}
#main .lists .items .item dd.price em{padding-right: 2px;}
#main .lists .items .item dd.price em.sale{font-size: 16px;}
.lists .items .item a{color: #30A0D3;}
.lists .items .item a:hover{color: #F90;}
.lists .items .itemList{margin-top: 10px;width: 668px;}
.lists .items .itemList .table dl{width: 668px;height: 43px;}
.lists .items .itemList .table dl.others{display: none;}
.lists .items .itemList .table dt{background: #FFF;border: 1px solid #E5E5E5;border-width: 0 0 1px;float: left;height: 28px;line-height: 28px;margin: 0;overflow: hidden;padding: 7px 5px;width: 130px;text-align: left;}
.lists .items .itemList .table dt a.pics{background: url(../images/hotel/hotelbg.gif) no-repeat right -390px;display: inline-block;padding-right: 16px;}
.lists .items .itemList .table dd{background: #FFF;float: left;border-bottom: 1px solid #E5E5E5;height: 28px;line-height: 28px;margin: 0;overflow: hidden;padding: 7px 5px;text-align: center;width: 78px;}
.lists .items .itemList .table dl.title{height: 33px;}
.lists .items .itemList .table dl.title dt,.lists .items .itemList .table dl.title dd{background: #F0F0F0;height: 18px;line-height: 18px;}
#main .lists .items .itemList .table dd em.del{color: #888;text-decoration: line-through;}
.lists .items .itemList .table dd.btn a{background: url(../images/hotel/hotelbg.gif) no-repeat 0 -38px;color: #FFF;display: block;height: 28px;width: 78px;}
.lists .items .itemList .table dd.btn a:hover{color: #FFF;}
.lists .items .itemList .more{height: 18px;line-height: 18px;margin-top: 5px;overflow: hidden;padding-right: 5px;text-align: right;}
.lists .items .itemList .more span{background: url(../images/arrowbg.gif) no-repeat right -366px;color: #30A0D3;cursor: pointer;display: inline-block;height: 18px;line-height: 18px;padding-right: 10px;}
.lists .items .itemList .more span.on{background-position: right -299px;}
.lists .items .itemList .more span b{font-weight: normal;}
.lists .items .itemList .more span b.b2{display: none;}
.lists .items .itemList .more span.on b.b1{display: none;}
.lists .items .itemList .more span.on b.b2{display: block;}

/*列表页房型信息*/
.lists .roomInfo{background: #F5F5F5;border-bottom: 1px solid #E5E5E5;display: none;padding: 5px 0;}
.lists .roomInfo li{color: #888;float: left;line-height: 28px;padding: 0 5px;width: 157px;}
.lists .roomInfo li.pics{width: 658px;margin: 0;padding: 0;}
.lists .roomInfo li.pics li{height: 67px;padding: 5px 0 0 5px;width: 89px;}
.lists .roomInfo li.pics li a{background: #CCC;display: block;height: 67px;width: 89px;overflow: hidden;position: relative;}
.lists .roomInfo li.pics li a .bg{background: #FFF;opacity: 0.4;filter:Alpha(opacity=40);height: 67px;position: absolute;left: 0;top: 0;width: 89px;}
.lists .roomInfo li.pics li a:hover .bg{opacity: 0;filter:Alpha(opacity=0);}