﻿@charset "utf-8";
/* =S reset */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input
,textarea,p,blockquote,th,td,em,button,img{margin:0;padding:0;}
body{background-color:#fff!important;font:12px/1.5 "Microsoft YaHei","Hiragino Sans GB",tahoma,arial,simhei;color:#333;}
img,fieldset{border:0;}
input,textarea,button{font:12px/1.5 Tahoma,Arial,Simsun,sans-serif;}
table{border-collapse:collapse;}
a{color:#2676E3;text-decoration:none;outline:none;}
a:hover{text-decoration:underline;}
h1,h2,h3,h4,h5{font-family:"Microsoft YaHei","Hiragino Sans GB",tahoma,arial,simhei;font-size:100%;}
ul li,ol li{list-style:none;}
dfn{font:normal 12px/1.5 Arial;}
.clearfix{ *zoom:1;}
.clearfix:after{clear:both;content:'\20';display:block;height:0;overflow:hidden;visibility:hidden;}
.invisible{visibility:hidden!important;}
.hidden{display:none!important;}
.fl{ float: left;}
.fr{ float: right;}
abbr[title],acronym[title],.abbr{border-bottom:1px dotted;padding-bottom:1px;text-decoration:none;cursor:help;}
/* =E reset */
:-moz-placeholder{color:#ccc;}
::-moz-placeholder{color:#ccc;}
:-ms-input-placeholder{color:#ccc;}
::-webkit-input-placeholder{color:#ccc;}
::input-placeholder{color:#ccc;}




/*=s background*/
.ico-calendar{ background-image: url(//pic.c-ctrip.com/htlpic/flagship/un_flagship_v1.png?180130.png); background-repeat: no-repeat;}
.ico-calendar{ background-position: 0 -100px;}
/*=e background*/

/*=s color*/
.orange,.text-orange{ color: #f60;}
.green,.text-green{ color: #10A200;}
.text-gray{ color: #999;}

/* =s stars & diamonds */
.hotel_diamond01,.hotel_diamond02,.hotel_diamond03,.hotel_diamond04,.hotel_diamond05,.hotel_diamond06,.hotel_halfdiamond01,.hotel_halfdiamond02,.hotel_halfdiamond03,.hotel_halfdiamond04,.hotel_halfdiamond05,.hotel_halfdiamond06,.hotel_stars01,.hotel_stars02,.hotel_stars03,.hotel_stars04,.hotel_stars05{display:inline-block;background:url(//pic.c-ctrip.com/htlpic/common/icon_hotel.png?170105.png) no-repeat;overflow:hidden;vertical-align:middle;}
.hotel_stars01,.hotel_stars02,.hotel_stars03,.hotel_stars04,.hotel_stars05{height:16px;background-position:0 -10px;}
.hotel_stars01{width:12px;}
.hotel_stars02{width:24px;}
.hotel_stars03{width:36px;}
.hotel_stars04{width:48px;}
.hotel_stars05{width:60px;}
.hotel_diamond01,.hotel_diamond02,.hotel_diamond03,.hotel_diamond04,.hotel_diamond05,.hotel_diamond06,.hotel_halfdiamond01,.hotel_halfdiamond02,.hotel_halfdiamond03,.hotel_halfdiamond04,.hotel_halfdiamond05,.hotel_halfdiamond06{height:12px;}
.hotel_diamond01,.hotel_halfdiamond01{width:11px;}
.hotel_diamond02,.hotel_halfdiamond02{width:23px;}
.hotel_diamond03,.hotel_halfdiamond03{width:35px;}
.hotel_diamond04,.hotel_halfdiamond04{width:47px;}
.hotel_diamond05,.hotel_halfdiamond05{width:59px;}
.hotel_diamond06,.hotel_halfdiamond06{width:71px;}
.hotel_diamond01,.hotel_diamond02,.hotel_diamond03,.hotel_diamond04,.hotel_diamond05,.hotel_diamond06{background-position:0 3px;}
.hotel_halfdiamond01{background-position:-72px 3px;}
.hotel_halfdiamond02{background-position:-60px 3px;}
.hotel_halfdiamond03{background-position:-48px 3px;}
.hotel_halfdiamond04{background-position:-36px 3px;}
.hotel_halfdiamond05{background-position:-24px 3px;}
.hotel_halfdiamond06{background-position:-12px 3px;}
/* =e stars & diamonds */

/* =s icon_facility */
.icons-facility01,.icons-facility02,.icons-facility03,.icons-facility04,.icons-facility05,.icons-facility06,.icons-facility07,.icons-facility08,.icons-facility09,.icons-facility10,.icons-facility11,.icons-facility12,.icons-facility13,.icons-facility14,.icons-facility15,.icons-facility16,.icons-facility17,.icons-facility18,.icons-facility19,.icons-facility20,.icons-facility21,.icons-facility22,.icons-facility23,.icons-facility24,.icons-facility25,.icons-facility26,.icons-facility27,.icons-facility28,.icons-facility29,.icons-facility30,.icons-facility31,.icons-facility32,.icons-facility33,.icons-facility34,.icons-facility35,.icons-facility36,.icons-facility37,.icons-facility38,.icons-facility39,.icons-facility40,.icons-facility41,.icons-facility42,.icons-facility43,.icons-facility44,.icons-facility45,.icons-facility46,.icons-facility47{ display: inline-block; vertical-align: middle; margin-right: 8px; width: 21px; height: 21px; background-image: url(//pic.c-ctrip.com/hotelcommon/icon_facility.png); background-repeat: no-repeat;}
.icons-facility02{background-position: -30px 0;}
.icons-facility03{background-position: -60px 0;}
.icons-facility04{background-position: -90px 0;}
.icons-facility05{background-position: -120px 0;}
.icons-facility06{background-position: -150px 0;}
.icons-facility07{background-position: 0px -30px;}
.icons-facility08{background-position: -30px -30px;}
.icons-facility09{background-position: -60px -30px;}
.icons-facility10{background-position: -90px -30px;}
.icons-facility11{background-position: -120px -30px;}
.icons-facility12{background-position: -150px -30px;}
.icons-facility13{background-position: 0px -60px;}
.icons-facility14{background-position: -30px -60px;}
.icons-facility15{background-position: -60px -60px;}
.icons-facility16{background-position: -90px -60px;}
.icons-facility17{background-position: -120px -60px;}
.icons-facility18{background-position: -150px -60px;}
.icons-facility19{background-position: 0px -90px;}
.icons-facility20{background-position: -30px -90px;}
.icons-facility21{background-position: -60px -90px;}
.icons-facility22{background-position: -90px -90px;}
.icons-facility23{background-position: -120px -90px;}
.icons-facility24{background-position: -150px -90px;}
.icons-facility25{background-position: -0px -120px;}
.icons-facility26{background-position: -30px -120px;}
.icons-facility27{background-position: -60px -120px;}
.icons-facility28{background-position: -90px -120px;}
.icons-facility29{background-position: -120px -120px;}
.icons-facility30{background-position: -150px -120px;}
.icons-facility31{background-position: 0px -150px;}
.icons-facility32{background-position: -30px -150px;}
.icons-facility33{background-position: -60px -150px;}
.icons-facility34{background-position: -90px -150px;}
.icons-facility35{background-position: -120px -150px;}
.icons-facility36{background-position: -150px -150px;}
.icons-facility37{background-position: 0px -180px;}
.icons-facility38{background-position: -30px -180px;}
.icons-facility39{background-position: -60px -180px ;}
.icons-facility40{background-position: -90px -180px ;}
.icons-facility41{background-position: -120px -180px ;}
.icons-facility42{background-position: -150px -180px ;}
.icons-facility43{background-position: 0px -210px;}
.icons-facility44{background-position: -30px -210px;}
.icons-facility45{background-position: -60px -210px;}
.icons-facility46{background-position: -90px -210px;}
.icons-facility47{background-position: -120px -210px;}
/* =e icon_facility */



/*=s 输入框*/
.fsInput{ display: inline-block; *display: inline; vertical-align: middle; padding: 6px 12px; margin-right: 12px; width: 232px; font-size: 14px;  border:1px solid #E5E5E5; background-color: #fff; *zoom:1; transition:border-color 0.15s;}
.fsInput:focus{ border-color: #98baf1;}
.inputWrap{ position: relative; display: inline-block; *display: inline; vertical-align: middle; margin-right: 12px; *zoom:1;}
.inputWrap .inputWrap-t{ position: absolute; top: 7px; left: 12px; font-size: 14px; color: #999;}
.inputWrap .fsInput{ padding-left: 54px; margin-right: 0; padding-right: 80px; width: 122px; background-position: 180px center !important;}
.inputWrap .ico-calendar{ position: absolute; top: 7px; right: 12px; width: 19px; height: 20px;}

.fsBtn{ display: inline-block; vertical-align: middle; padding: 5px 35px; font-size: 16px; text-align: center; background-color: #2676e3; color: #fff; border-radius: 3px; transition:background-color 0.15s,border-color 0.15s,color 0.15s;}
.fsBtn:hover{ text-decoration: none; background-color: #4faeff;}
.fsBtnDisabled{background-color: gray;}
.fsBtnDisabled:hover{background-color: gray;}
.fsBtn-dis{ color: #aaa !important; background-color: #ddd !important;}
/*=e 输入框*/

.hotelRoom-load{ padding: 30px 0;}
.hotelRoom-load .pic{ display: block; margin: 0 auto;}
.hotelRoom-load .txt{ margin-top: 10px; text-align: center; font-size: 16px;}

.cui_nav,.cui_hd{width:1180px;}
.mcont{ width:1180px;margin:0 auto;}


/*=s 面包屑*/
.pathBar{ margin-bottom: 10px; color: #666;}
.pathBar-main{ width: 1180px; margin: 0 auto;}
/*=e 面包屑*/
/*=s 旗舰店标题*/
.flagHd{ min-width: 1180px; color: #fff; background-color: #282828;}
.flagHd-main{ width: 1180px; margin: 0 auto; height: 80px;}
.flagHd-main-left{ float: left; padding-left: 100px; width: 600px;}
.flagHd-main-left .name{ padding: 8px 0; font-size: 22px; font-weight: normal;}
.flagHd-main-left .logo{ float: left; margin-left: -100px;}
.flagHd-main-left .tabs{ font-size: 14px;}
.flagHd-main-left .tabs a{ color: #8e8e8e; transition:color 0.15s;}
.flagHd-main-left .cur a,
.flagHd-main-left .item:hover a{ color: #529bff; text-decoration: none;}
.flagHd-main-left .tabs .item{ display: inline-block; font-weight: bold; cursor: pointer;}
.flagHd-main-left .tabs .item + .item{ margin-left: 30px;}
.flagHd-main-left .cur a{ color: #529bff;}
.flagHd-main-login{float: right; padding-right: 20px; line-height: 80px; font-size: 14px;}
.flagHd-main-login .name{ font-size: 14px; padding-right: 5px;}
.flagHd-main-login .btn{ display: inline-block; vertical-align: middle; margin-left: 10px; width: 46px; height: 26px; line-height: 26px; text-align: center; font-size: 14px; color: #fff; border-radius: 3px; border-style: solid; border-width: 1px; transition:background-color 0.15s,border-color 0.15s,color 0.15s;}
.flagHd-main-login .btn:hover{ text-decoration: none; }
.flagHd-main-login .btn-blue{ background-color: #2676e3; border-color: #2676e3; }
.flagHd-main-login .btn-blue:hover{ background-color: #4faeff; border-color: #4faeff; }
.flagHd-main-login .btn-gray{ background-color: #656565; border-color: #b5b5b5; }
.flagHd-main-login .btn-gray:hover{ background-color: #808080;  }
/*=e 旗舰店标题*/

/*=s 筛选框*/
.filterBox{ min-width: 1180px; background-color: #F6F6F6;}
.filterBox-main{ padding: 25px 0; margin: 0 auto; width: 1180px;}
.filterBox-hot{ padding-left: 64px; margin-top: 12px; font-size: 14px;}
.filterBox-hot dt{ float: left; margin-top: 2px; margin-left: -64px; width: 64px; color: #999;}
.filterBox-hot dd{ display: inline-block; *display: inline; vertical-align: middle; *zoom:1; cursor: pointer; transition:color 0.15s;}
.filterBox-hot dd:hover{ color: #2676E3;}
.filterBox-hot dd + dd{ margin-left: 8px;}
/*=e 筛选框*/

/*=s reset foot margin*/
 #base_ft{ margin-top: 50px !important; margin-bottom: 50px !important;}
/*=e reset foot margin*/



/*start 凯悦登录框*/
.popBox{ position: absolute; width: 620px; background-color: #fff; border-radius: 3px; border: 1px solid #ddd;}
.popBox-hd{ margin-top: -54px; position: relative;}
.popBox-hd-logo{ display: block; margin: 0 auto; width: 116px; height: 116px;}
.popBox-hd .close{ position: absolute; right: 0; top:54px; width: 68px; text-align: center; color: #999; font-size: 40px; transition:color 0.3s;}
.popBox-hd .close:hover{ text-decoration: none; color: #f60;}
.popBox-bd{ padding: 20px;}
.pop-register .regIntro{ padding-bottom: 20px; text-align: center; font-size: 18px; color:  #2676E3;}
.pop-register .regForm{ padding-left: 160px;font-size: 18px;}
.pop-register .regForm-hd{ float: left; margin-left: -120px; height: 40px; line-height: 40px;}
.pop-register .regForm-bd{ width: 360px; border-bottom: 1px solid #e1e1e1;}
.pop-register .regForm + .regForm{ margin-top: 10px;}
.pop-register .regArea{ position: relative; display: inline-block; *display: inline; *vertical-align: top; margin-right: 10px; width: 150px; height: 40px; line-height: 40px; *zoom:1;}
.pop-register .regArea .arr{ position: absolute; right: 0; top:50%; margin-top: -4px; width: 16px; height: 8px; background:url(//pic.c-ctrip.com/htlpic/flagship/search/ico_arr.png) 0 -12px;}
.pop-register .regArea-pop{ position: absolute; left: 0; top: 40px; width: 148px; background-color: #fff; border: 1px solid #e1e1e1; border-top: 0 none;}
.pop-register .regArea-pop .item{ padding: 0 5px; line-height: 30px; font-size: 16px; transition:background-color 0.3s;}
.pop-register .regArea-pop .item:hover{ background-color: #ddd;}

.pop-register .regInput{width: 150px; margin-bottom: -1px; border: 0 none; border-bottom:1px solid #e1e1e1; *border-bottom:1px solid transparent;  height: 40px; line-height: 40px; outline: 0; font-family:"Microsoft YaHei","微软雅黑","Hiragino Sans GB",tahoma,arial,simhei; font-size: 18px;}
.pop-register .regInput-err{ border-bottom: 1px solid #f00;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:shake;animation-name:shake;}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.pop-register .regInput-name + .regInput-name{ margin-left: 20px;}
.pop-register .regInput-email{ width: 100%;}
.pop-register .regBtn{margin-top: 20px; text-align: center;}
.pop-register .regBtn .fsBtn{ padding: 10px 0; width: 300px; text-align: center; font-size: 20px;}
.pop-register .regLogin{ margin-top: 10px; text-align: center; font-size: 18px;}
.pop-register .regArr{ font-size: 16px; color: #f00;}
.pop-register .regArr .ico-arr{ display: inline-block; vertical-align: middle; margin-right: 10px; width: 16px; height: 16px; background:url(//pic.c-ctrip.com/hotelcommon/msg-bg.png) -236px -124px no-repeat;}

/*end 凯悦登录框*/
