@charset "UTF-8";

.content{ font-size: 14px; font-family: "Microsoft Yahei";}


/* prompt-box提示框 */
.grayBg{ height: 100%; overflow: hidden;}
#overlay{ position:fixed;top:0;left:0;background:#000;opacity:0.8;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);z-index:999;overflow:hidden;}
.prompt-box{ width: 250px; font-size: 14px; text-align: center; vertical-align: middle; background: #fff; padding:10px; border-radius: 2px; position: absolute; top: 40%; left: 50%; margin-left: -125px; z-index: 999;}
.prompt-box .close-btn{ position: absolute; top: 2px; right: 10px; cursor: pointer;}
.prompt-box .prompt-content{ color:#f98f12; padding:50px 0px;}
.prompt-box a{ color: #2f9370; text-decoration: underline;}

/*banner*/
.banner{ width: 100%; min-width: 1180px; position: relative; overflow: hidden;}
.banner ul li{ display: none; }
.banner ul .current{ display:block; }
.banner ol{ width: 10px; height: 100px; position:absolute; top: 50%; margin-top: -50px; left: 10%;}
.banner ol li{ width: 10px; height: 10px; cursor:pointer; margin-bottom: 10px; background: url(../images/global/control-icon.png) no-repeat; background-position: -8px 0px;}
.banner ol .current { background-position: -52px 0px;}
.banner .st-notices{ position: absolute; bottom:0px; left: 0px; width: 100%; height: 35px; line-height: 35px; background-color: rgba(0,0,0,0.5); overflow:hidden;}
.banner .notice-bar{ position: absolute; left: 50%; margin-left: -590px; width: 1140px; height: 35px; color: #fff; background: url(../images/global/icon-notice.png) 0px center no-repeat; padding-left: 40px;}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
  .banner .st-notices{
    background-color:#000;
    filter:Alpha(opacity=50);
    /* position:static; */ /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
  }
  /* .banner .st-notices .notice-bar{ position: relative;}  */ /* 设置子元素为相对定位，可让子元素不继承Alpha值 */
}

/*预订产品选项卡*/
.booking-box{ padding-top:10px;}
.booking-box .left .tabCon .queryItem{ float: left; width: 260px; height: 35px; margin: 0px 5px 5px 0px;}
.booking-box .left .tabCon .liFull{ width: 100%; height: 30px;line-height: 24px;}
.booking-box .left .tabCon .part-box{ float: left;}
.booking-box .left .tabCon .part-box .queryItem{ float: none;}
.booking-box .left .tabCon .part-right .queryItem{ width: 445px;}
.booking-box .left .tabCon .part-left .queryItem{ width: 330px;}
.booking-box .left .tabCon .queryItem .always-hotel{ color: #fa8f12; border-bottom: 1px dashed #fa8f12; margin-left: 5px;}
/* .booking-box .left .tabCon .queryItem .always-hotel-list{ display: none; position: absolute; left: 210px; min-width: 50px; max-height: 160px; padding:5px; background: #FFF2DE; border: 1px dashed #fa8f12; overflow: auto; white-space: nowrap;}
.booking-box .left .tabCon .queryItem .always-hotel-list li{ height: 24px; line-height: 24px; cursor: pointer;}
.booking-box .left .tabCon .queryItem .always-hotel-list::-webkit-scrollbar{width:5px;}
.booking-box .left .tabCon .queryItem .always-hotel-list::-webkit-scrollbar-thumb{ background-color: rgba(250,143,18,0.7); -webkit-border-radius: 2px; border-radius: 2px;} */
.booking-box .left .tabCon .queryItem span,.booking-box .left .tabCon .queryItem input { *float:left; }
.booking-box .left .tabCon .go-time input,.booking-box .left .tabCon .change-time input,.booking-box .left .tabCon .back-time input{ background: url(../images/global/control-icon.png) no-repeat; background-position: 120px -230px;}
.booking-box .left .tabCon .change-city,.booking-box .left .tabCon .change-time{ display: none;}
.booking-box .left .tabCon .queryItem .ipt-text{ width: 145px; height: 16px; line-height: 16px; padding:5px; border:1px solid #9b9b9b;}
.booking-box .left .tabCon .queryItem .selectBox,.booking-box .left .tabCon .queryItem .radioBox{ float: left; margin-right: 20px; position: relative; z-index:5;}
.booking-box .left .tabCon .queryItem .time-select{ float: none; *float:left; display: inline-block; width: 63px; margin-right: 0px; border:1px solid #9b9b9b;}
.booking-box .left .tabCon .queryItem .selectBox-hd{ display: inline-block; height: 24px; line-height: 24px; cursor: pointer;}
.booking-box .left .tabCon .queryItem .selectBox .icon-arrow{ display: inline-block; width: 10px; height: 6px; margin-left: 5px; background-position: 0px -117px;}
.booking-box .left .tabCon .queryItem .time-select .selectBox-hd{ width: 55px; padding:0px 5px; background: url(../images/global/control-icon.png) no-repeat; background-position: 48px -108px;}
/* .booking-box .left .tabCon .queryItem .time-select .icon-arrow{ float: right; margin-top: 10px;} */
.booking-box .left .tabCon .queryItem .selectBox-bd{ display: none; position: absolute; left: 0px; top: 25px; z-index: 2; color: #6a6a67; background: #fff; padding:5px; max-height: 100px; overflow: auto; white-space: nowrap;}
.booking-box .left .tabCon .queryItem .time-select .selectBox-bd{ min-width: 50px;}
.booking-box .left .tabCon .queryItem .selectBox-bd li:hover{ color: #fa8f12; cursor: pointer;}
.booking-box .left .tabCon .queryItem .selectBox-bd::-webkit-scrollbar{width:5px;} /* 滚动条宽度 */
.booking-box .left .tabCon .queryItem .selectBox-bd::-webkit-scrollbar-thumb{ background-color: rgba(0, 0, 0, 0.2); -webkit-border-radius: 2px; border-radius: 2px;} /* 滑块颜色 */
.booking-box .left .tabCon .queryItem .selected{ color: #fa8f12;}
.booking-box .left .tabCon .queryItem .selected .icon-arrow{ background-position: -20px -117px;}
.booking-box .left .tabCon .queryItem .unselected{ color: #bdbdbd;}
.booking-box .left .tabCon .queryItem .unselected .icon-arrow{ background-position: -40px -117px;}
.booking-box .left .tabCon .queryItem .radioBox{ cursor: pointer;}
.booking-box .left .tabCon .queryItem .radioBox .icon-radio{ float: left; width: 15px; height: 15px; margin: 5px; background-position: 0px -130px;}
.booking-box .left .tabCon .queryItem .selected .icon-radio{ background-position: -22px -130px;}
.booking-box .left .tabCon .queryItem .unselected .icon-radio{ background-position: -44px -130px;}
.booking-box .left .tabCon .queryItem .icon-change{ width: 30px; height: 55px; background-position: -65px -114px; position: absolute; right: 18px; *right:22px; top: 5px; cursor: pointer;}
.booking-box .left .tabCon .train .queryItem .icon-change{ left: 200px;}
.booking-box .left .tabCon .queryItem .checkBox{ float: left; padding: 5px; cursor: pointer; font-size: 12px; *width: 70px;}
.booking-box .left .tabCon .queryItem .checkBox .icon-check{ float: right; width: 12px; height: 12px; background-position: -1px -178px;margin: 5px 0px 0px 5px;}
.booking-box .left .tabCon .queryItem .checkBox .icon-check-select{ background-position: -20px -178px;}
.booking-box .left .tabCon .addPassenger{ padding-top: 4px;}
.booking-box .left .tabCon .addPassenger span{ float: left; margin-right: 10px; width: 52px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.booking-box .left .tabCon .addPsg{ float: left; cursor: pointer;}
.booking-box .left .tabCon .addPassenger .icon-add{ float: left; width: 15px; height: 15px; margin:5px 5px 0px 0px; background-position: 0px -154px;}
.booking-box .left .tabCon .queryItem .selected .icon-add{ background-position: -22px -154px;}
.booking-box .left .tabCon .queryItem .unselected .icon-add{ background-position: -44px -154px;}
.booking-box .left .tabCon .queryItem .search-btn{ display: inline-block; width: 220px; height: 30px; line-height: 30px; text-align: center; color: #fff; background: #fa8f12; margin-top: 20px; border-radius: 2px;border:none;}
.booking-box .left .tabCon .part-right .queryItem .search-btn{ float: right;border:none;}
.booking-box .left .tabCon .queryItem .search-btn01{ width: 100px; padding-left: 10px; margin-right: 10px; background:#fa8f12 url(../images/hotel/hotel-list-icon.png) no-repeat; background-position: 29px 9px;}
.booking-box .left .tabCon .queryItem .search-btn02{ width: 100px; padding-left: 10px; margin-right: 10px; background:#3CA698 url(../images/hotel/hotel-list-icon.png) no-repeat; background-position: 11px -91px;}
.booking-box .left .tabCon .queryItem a:hover{ text-decoration: none;}

/*.booking-box .order-box{ margin-bottom: 17px;}*/
.booking-box .right .order-box div{ height: 40px; line-height: 28px; border-bottom:1px dashed #9b9b9b;}
.booking-box .right .order-box i{ float: left; width: 30px; height: 30px; margin-right: 10px;}
.booking-box .right .order-box .icon-order{ background-position: -84px 0px;}
.booking-box .right .order-box .icon-report{ background-position: -126px 0px;}
.booking-box .right .order-box .red-font{ color: red;}
.booking-box .right .order-box button{ display: block; width: 116px; height: 30px; line-height: 30px; text-align: center; color: #fff; background: #37af6a; margin:10px auto; cursor: pointer; border-radius: 2px;}
.booking-box .help-box{ margin-bottom: 10px;}
.booking-box .right .box-hd{ height: 25px; padding:5px 0px; text-align: center;}
.booking-box .right .box-bd ul{padding-left: 15px;}
.booking-box .right .box-bd li{ float: left; width: 60px; height: 80px; text-align: center; margin-right: 10px;}
.booking-box .right .box-bd li .icon-help{ display: block; width: 45px; height: 45px; margin:0px auto 5px;}
.booking-box .right .box-bd li a{ color:#3b3b3b;}
.booking-box .right .box-bd li a:hover{ color:#008371;}
.booking-box .right .box-bd .imageBox{ float: left; width: 82px; height: 60px; overflow: hidden;}
.booking-box .right .box-bd .messageBox{ margin-left: 90px; height: 65px; overflow: hidden;}
.booking-box .right .box-bd .messageBox .title{ margin-bottom: 5px;}
.booking-box .right .box-bd .messageBox .title a{ color: #333b4e;}
.booking-box .right .box-bd .messageBox .title .more{ float: right; color: #37af6a; font-size: 12px;}
.booking-box .right .box-bd .messageBox .message-content{ font-size: 12px; color: #787c7b;}

.recommend-box{ padding:20px 40px; margin: 10px auto; background: #fff; border-radius: 2px; font-size: 12px;}
.recommend-box .title{ height: 32px; line-height: 32px; font-size: 16px;/*  border-bottom: 1px solid #cdd9e4; */}
/* sliderbox */
.day-picker{height:62px;}
.slider{width:100%;position:relative;height:62px;float:left;overflow:hidden;background:#3ca899;}
.slider li{display:block;width:14%;height:62px;float:left;text-align:center;color:#fff;}
.slider li:hover{background:#2f9889;}
.slider li .now-date{width:140px;padding-top:10px;margin:0 auto;cursor:pointer;}
.slider li strong,.slider li .iDay{display:block;line-height:20px;}
.slider li strong{font-size:14px;font-family:\5b8b\4f53;font-weight:normal;}
.slider .selected-day .now-date{height:52px;padding-top:8px;position:relative;z-index:2;cursor:auto;background:#fff;border-top:2px solid #f78f0c;color:#434343;}

/*页码page*/
.page-new{ height:30px; margin:20px 0; text-align:center;}
.control-page{ height:22px; display:inline-block; *display:inline; *zoom:1;}
.pages,.page-count{ float:left;}
.pages a,.pages span{ display:inline-block; width:20px; height:20px; line-height:20px; text-align:center; margin:0px 2px;/*  font-family:\5b8b\4f53; */}
.pages a{ border:1px solid #d4dbda; color: #555658;}
.pages a:hover,.pages .page-cur{ border:1px solid #2f9370; text-decoration:none;}
.pages a:active{ background:#edfffd;}
.pages .page-cur{ background:#2f9370; color:#fff;}
.pages .page-index,.pages .page-end,.pages .page-pre,.pages .page-next,.pages .page-part{ width:50px;}
/* .page-count{height:22px;margin:0 30px;line-height:22px;}
.page-count span{display:inline-block;margin:0 3px;}
.page-count span i{color:#2f9370;} */

/* 自适应区域调整 */
.w980 .banner .notice-bar{ width: 940px; margin-left: -490px;}


/*目的地下拉列表*/
.booking-box .left .tabCon .keywords-box{ width:350px; background:#fff; border:1px solid #ccc; position:absolute; top:30px; left:47px; z-index:99; font-size:12px; display:none;}
.booking-box .left .tabCon .keywords-box dt{ background:#F2F2F2; padding:0 10px;}
.booking-box .left .tabCon .keywords-box span{ color:#3CA899; font-weight:bold;}
.booking-box .left .tabCon .keywords-box i{ color:#808080;}
.booking-box .left .tabCon .keywords-box dd{ border-top:1px solid #ccc; padding:5px 10px;}
.booking-box .left .tabCon .keywords-box dd li{ width:240px; margin:0; font-size:12px; display:block; float:none;}
.booking-box .left .tabCon .keywords-box dd li:hover{ background:#F2F9F8;}
.booking-box .left .tabCon .keywords-box .keywords-page{ text-align:center;}
.booking-box .left .tabCon .keywords-box .keywords-page a{ display:inline-block; padding:0 5px;}
.booking-box .left .tabCon .keywords-box .keywords-page .cur{ font-weight:bold; color:#3CA899;}
.booking-box .left .tabCon .keywords-box .city,.booking-box .left .tabCon .keywords-box .district,.booking-box .left .tabCon .keywords-box .hotel,.booking-box .left .tabCon .keywords-box .subway,.booking-box .left .tabCon .keywords-box .traffic{ height:20px; line-height:20px; float:right;}
.booking-box .left .tabCon .keywords-box .city i,.booking-box .left .tabCon .keywords-box .district i,.booking-box .left .tabCon .keywords-box .hotel i,.booking-box .left .tabCon .keywords-box .subway i,.booking-box .left .tabCon .keywords-box .traffic i{ display:inline-block; width:20px; height:20px; margin-left:5px; background:url(../images/main/keywords-icon.png) no-repeat; vertical-align:middle;}
.booking-box .left .tabCon .keywords-box .city i{ background-position:0 0;}
.booking-box .left .tabCon .keywords-box .district i{ background-position:0 -27px;}
.booking-box .left .tabCon .keywords-box .hotel i{ background-position:0 -115px;}
.booking-box .left .tabCon .keywords-box .subway i{ background-position:0 -87px;}
.booking-box .left .tabCon .keywords-box .traffic i{ background-position:0 -57px;}

/*常住酒店下拉列表*/
.hotel-list{display:none;width:200px;border:1px solid #ddd;border-bottom:0;*zoom:1;background: #fff; position: absolute; left: 140px; top: 35px; z-index: 10;}
.hotel-list .iArw{display:inline-block;position:absolute;left:90px;top:-11px;border-color:#fff #fff #ddd;border-style:solid;border-width:5px;font-size:0;height:0;width:0;line-height:0;}
.hotel-list .no-hotel{display:block;color:#f93;text-align:center;border-bottom:1px solid #ddd;}
.hotel-list a{display:block;height:26px;padding:0 5px;border-bottom:1px solid #ddd;line-height:26px;overflow:hidden;}
.hotel-list a:hover{background:#f93;color:#fff;text-decoration:none;}

/*关键字下拉列表*/
.location-box{ display: none; width: 240px; position: absolute; z-index: 999; left: 45px; top: 30px; background-color: white; border: 1px solid #d7d7d7;}
.location-body{padding:2px 10px 10px;}
.location-body dl{padding:10px 0;border-bottom:1px dashed #ddd;}
.location-body dl dt{width:100%;height:24px;font:bold 14px/24px \5b8b\4f53;}
.location-body dl dd a{height:22px;display:inline-block;padding-right:10px;float:left;white-space:nowrap;word-break:break-all; color: #333b4e;;line-height:22px; font-size: 12px;}
.location-body dl dd a:hover{color:#FA8F12;text-decoration:none;}


htmltesttesttesttest { /* 全局颜色变灰 */
    -webkit-filter: grayscale(100%); /* webkit */
    -moz-filter: grayscale(100%); /*firefox*/
    -ms-filter: grayscale(100%); /*ie9*/
    -o-filter: grayscale(100%); /*opera*/
    filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    filter: gray; /*ie9- */
}