@charset "utf-8";

/* CSS Document */



.wrapindex{ width:100%; height:100%; background:#FAFAFA;}

.hdlogo{ width:100%; margin:10px 0;text-align: center;vertical-align: middle;}

.hdlogo span{display: inline-block;width: 1px;height: 100%;vertical-align: middle;}

.hdlogo img{vertical-align:middle;}



.wrapindex ul{ padding:10px;}

.wrapindex ul li{ height:50px; line-height:50px; text-align:center; margin-bottom:10px; border-radius:5px; font-size:20px;}

.wrapindex ul li a{display: block; height:50px; line-height:50px; color:#FFF;}

.wrapindex ul li.nav-hotel{background:#007BCB url(../images/icon_home_hotel.png) no-repeat 15px center;background-size:29px 22px;}
.wrapindex ul li.nav-list{background:#007BCB url(../images/icon_home_list.png) no-repeat 15px center;background-size:25px 21px;}
.wrapindex ul li.nav-myorder{background:#007BCB url(../images/icon_home_order.png) no-repeat 15px center;background-size:19px 25px;}

.wrapindex ul li.nav-help{background:#007BCB url(../images/icon_home_help.png) no-repeat 15px center;background-size:23px 23px;}

.header{ height:50px; line-height:50px;background:#28afef; text-align:center; color:#FFF; font-size:14px;overflow: hidden;}
.header .hdleft{position: relative;float:left;content: "";top:35%; left:15px;width:12px;height:12px;border-top:4px #FFF solid;border-left:4px #FFF solid;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.header a.hdright{ float:right; display:inline; margin:15px 5px 0 0;}
.header a span{ display:inline-block; width:37px; height:32px; background:url(../images/home.png) no-repeat;background-size:27px 22px;}







/*城市列表*/

div.sdmenu {width:100%;font-family: Arial, sans-serif;font-size: 12px;padding-bottom: 10px;}

div.sdmenu div {overflow: hidden;}

div.sdmenu div.collapsed {height:42px;background-color: #EFEFEF;border-bottom: #BCBCBC 1px solid;}

div.sdmenu div span {display: block; height:42px; line-height:42px;padding: 0px 15px;font-weight: bold;color: #666;background:#EFEFEF;border-bottom: #BCBCBC 1px solid;cursor: default;}

div.sdmenu div span::after{ position:relative;float: right;content: ""; top:40%; width:8px; height:8px; border-top:2px #AAA solid; border-right:2px #AAA solid;-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);}

div.sdmenu div.collapsed span::after{ position:relative;float: right;content: ""; top:40%; width:8px; height:8px; border-top:2px #AAA solid; border-right:2px #AAA solid;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}

div.sdmenu div a {text-decoration: none;display: block; height:40px; line-height:40px;padding:0 25px;color:#000;border-bottom: #BCBCBC 1px solid;}

div.sdmenu div a.current {background:#FFF;}



.borderRad{ border:1px #cacaca solid; border-radius:5px;}

.ydroom{ margin:10px; padding:10px; color:#333333; background:#FFF;}

.ydroom h2{ margin-bottom:5px;}

.ydroom p{ line-height:24px;}

.orange{ color:#f55f08; font-weight:bold;}



.lxmation{ margin:10px; padding:10px; color:#a7a7a7; background:#FFF;}

.lxmation label{ display:inline-block; width:70px; text-align:right;}

.lxmation p{ height:42px; line-height:42px;}

.lxmation p input{ height:20px; padding:3px; border:1px #cacaca solid;}



.DeterBtn{ height:68px; line-height:68px; text-align:center; background:#007BCB; margin:10px; border:1px #cacaca solid; border-radius:5px;}

.DeterBtn a{ color:#FFF;}



/*酒店查询页面*/

.main_viewport{ width:100%;}

.sub_ciewport{ padding:10px;}

.sub_ciewport ul{border: 1px solid #BCBCBC;background:#FFF; border-bottom:0;}

.sub_ciewport ul li{ height:43px;line-height: 43px;padding: 0 20px 0 10px;border-bottom: 1px solid #BCBCBC;}

.hotel-mysite{float: right;max-width: 70%;min-width: 10px; height:43px;margin-right: -10px;padding-left: 10px;line-height: 16px;border-left: 1px solid #BCBCBC;}

.hotel-mysite-icon::before {position: absolute;content: "";top: 6px;width: 100%;height: 1px;border-left: 2.5px solid #AAA;border-right: 2.5px solid #AAA;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}

.hotel-mysite-icon::after {position: absolute;content: "";left: 6px;height: 100%;width: 1px;border-top: 2.5px solid #AAA;border-bottom: 2.5px solid #AAA;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}

.hotel-mysite-icon {display: block;position: relative;width: 13px;height: 13px;margin: 4px auto;border-radius: 50%;border: 2.5px solid #AAA;border-image: initial;}

.hotel-l{float: left;}

.hotel-l i{display: inline-block;width: 18px;height: 18px;margin-right: 10px;vertical-align: middle;background-size:100px 180px;}

.hotel-icon-bed{background:url(../images/hotel-icon.png) no-repeat;background-position: -18px -18px;}

.hotel-icon-date {background:url(../images/hotel-icon.png) no-repeat;background-position: 0 -19px;}

.hotel-icon-night {background:url(../images/hotel-icon.png) no-repeat;background-position: -18px -2px;}

.hotel-icon-keywords {background:url(../images/hotel-icon.png) no-repeat;background-position: 0 -36px;}

.hotel-icon-price {background:url(../images/hotel-icon.png) no-repeat;background-position: 0 0;}

.hotel-arr{position: relative;height: 44px;overflow: hidden;}

.hotel-arr::before {position: absolute;content: '';right: 10px;top: 50%;margin-top: -5px;width: 9px;height: 9px;border-top: 2px solid darkGray;border-right: 2px solid darkGray;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg)-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);transition: border-color .4s ease-in-out,transform 200ms linear;-moz-transition: border-color .4s ease-in-out,-moz-transform 200ms linear;-webkit-transition: border-color .4s ease-in-out,-webkit-transform 200ms linear;-o-transition: border-color .4s ease-in-out,-o-transform 200ms linear;}

.hotel-m{overflow: hidden;}

.hotel-m-cont {display: inline-block;width: 90%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-left: 50px;}

.hotel-plm{ padding-left:40px;}

.hotel-pls{ padding-left:20px;}

.hotel-mydate{padding-right: 5px;text-align: right;font-size: 12px;color: #666;float: right;max-width: 70%;min-width: 10px;}

.hotel-mydays{float: right;max-width: 70%;min-width: 10px;padding-right: 5px;text-align: right;font-size: 12px;color: #666;height: 42px;vertical-align: middle;}

.hotel-mydays i{display: inline-block; font-style:normal; padding-top:5px;vertical-align: middle;line-height: 16px;}

.cui-view{ padding-left:20px; margin-top:7px;}

.cui-number-ma {min-width: 100px;height: 29px;line-height: 29px;text-align: center;position: relative;border: silver 1px solid;background: white;display: inline-block;border-image: initial;}

.cui-number-ma i.num-minus {left: -10px;font: 400 2.8em/25px Arial;}

.cui-number-ma i {width: 50px;height: 44px;position: absolute;top: -7px;}

.cui-number-ma i.num-invalid::after {color: #D9D9D9;background: #F4F4F4;}

.cui-number-ma i.num-minus::after {content: "-";left: 10px;top: 7px;}

.cui-number-ma i::after {color: white;text-align: center;width: 32px;height: 29px;position: absolute;background: #099FDE;}

.cui-number-ma .num-value-txt {width: 33px;height: 100%;padding: 0;color: black;margin: 0 33px;text-align: center;}

.num-value-txt {opacity: 1;filter: alpha(opacity=100);border: 0;background: transparent;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;outline: 0;}

.cui-number-ma i.num-add {right: -10px;font: 400 2.2em/29px Arial;}

.cui-number-ma i {width: 50px;height: 44px;position: absolute;top: -7px;}

.cui-number-ma i.num-add::after {content: "+";right: 10px;top: 7px;}

.cui-number-ma i::after {color: white;text-align: center;width: 32px;height: 29px;position: absolute;background: #099FDE;}

.g_btn_s {color: white;font-size: 18px;width: 100%;height: 44px;line-height: 44px;display: block;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin: 0 auto;text-align: center;background-color:#1391C3;border:none;}

.mt10{ margin-top:10px;}

.mt20{ margin-top:20px;}



/*酒店列表页面*/

.hotelList{ width:100%; padding:10px 0; border-bottom:1px #cacaca solid;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}

.hotelList ul{ padding-right:10px;}

.hotelList ul > li:first-child{ float:left; width:90%;}

.hotelList ul > li:nth-child(2){ float:right; width:10%; text-align:right;}

.hotelList img{ float:left; padding-right:10px;}

.hotelList dl dt{ font-size:16px;}

.hotelList dl dd{ line-height:24px;}



/*酒店详情*/

.hotelDetail{ padding:5px;}

.hotelDetail h2 {margin-bottom: 5px;}

.hotelDetail p.hotelinfo{line-height: 24px;}

.hotelDetail ul li{ height:52px; line-height:52px; border-bottom:1px #cacaca solid;}

.hotelDetail ul li.kyd::after{ position:relative;float: right;content: ""; top:46%; right:12px; width:10px; height:10px; border-top:2px #AAA solid; border-right:2px #AAA solid;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}

.hotelDetail ul li:first-child{ background:url(../images/cald.jpg) no-repeat 5px center; padding-left:38px;}

.hotelDetail ul li p{ width:98%; float:left; height:52px; line-height:52px;}

.hotelDetail ul li p span{ float:right; padding-right:15px;}

.hotelDetail ul li p del{ color:#999999;}

.hotelDetail ul li p b{ font-size:16px;}

.hotelDetail ul li.Full{ background:url(../images/full.png) no-repeat right center; background-size:42px 29px;}

.hotelDetail ul li.Full p b{ color:#999999;}

.hotelDetail h3{ height:34px; line-height:34px; border-bottom:1px #cacaca solid; background:#FFF;}