@charset "UTF-8";
.booking-box .left .tabNav .iCon,.booking-box .left .tabCon .queryItem i,.booking-box .right i,.travel-box .left .fly-line .icon-fly,.travel-box .left .train-line .icon-train,.travel-box .left .icon-new,.travel-box .left .icon-old{ background: url(../../images/global/control-icon.png) no-repeat;}
.red-font{ color: red;}

.content{ font-size: 14px;}
.content-inner{ width: 1180px; margin:0 auto;}
.content .picBg{/*  background: url(../../images/global/content_bg.jpg) no-repeat; background-size: cover; */height: 1100px; position: relative;}
.content .picBg .content-inner{ position: absolute; top: 0px; left: 50%; margin-left: -590px;}

.booking-box{ padding-top:10px;}
.booking-box .left{ float: left; padding:0px 10px 10px 10px; background: url(../../images/main/bbox_leftBg.png) no-repeat;}
.booking-box .left .tabNav{ float: left; width: 50px; padding:0px 20px;}
.booking-box .left .tabNav li{ font-size: 16px; cursor: pointer; text-align: center; margin-top: 24px;}
.booking-box .left .tabNav .current{ color: #fa8f12;}
.booking-box .left .tabNav .iCon{ display: block; width: 25px; height: 25px; margin: 5px auto;}
.booking-box .left .tabNav .icon-f{ background-position: -1px -15px;}
.booking-box .left .tabNav .icon-h{ background-position: -1px -50px;}
.booking-box .left .tabNav .icon-t{ background-position: -1px -82px;}
.booking-box .left .tabNav .current .icon-f{ background-position: -45px -15px;}
.booking-box .left .tabNav .current .icon-h{ background-position: -47px -50px;}
.booking-box .left .tabNav .current .icon-t{ background-position: -47px -82px;}
.booking-box .left .tabCon{ float: left; width: 690px; height: 230px; padding:10px; color: #333;}
.booking-box .left .tabCon .hotel,.booking-box .left .tabCon .train{ display: none;}
.booking-box .right{ float: left; width: 200px; height: 90px; padding:20px 80px; background: url(../../images/main/bbox_rightBg.png) 0px 2px no-repeat;}
/* .booking-box .order-box{ margin-bottom: 9px;} */
.booking-box .right div{ height: 40px; line-height: 28px; border-bottom:1px dashed #9b9b9b;}
.booking-box .right i{ float: left; width: 30px; height: 30px; margin-right: 10px;}
.booking-box .right .icon-order{ background-position: 0px -197px;}
.booking-box .right .icon-report{ background-position: -41px -197px;}
.booking-box .right .red-font{ color: red;}
.booking-box .right .green-btn{ 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 .right .gray-btn{ background: #ccc; cursor: auto;}

.travel-box{ margin-top: 10px;}
.travel-box .left{ float: left; width: 750px; height: 800px;}
.travel-box .left .title{ padding-left: 36px; padding-bottom: 30px;}
.travel-box .left .lineItem{ display: none;}
.travel-box .left .current{ display: block;}
.travel-box .left .fly-line,.travel-box .left .hotel-line,.travel-box .left .train-line{ position: relative; margin-top: 70px;}
.travel-box .left .timeline{ width: 100px; height: 220px; position: absolute; left: 2px; top: -100px;}
.travel-box .left .lineBg{ width: 590px; height: 140px; padding:10px 20px; background: url(../../images/main/travelline_bg.png) no-repeat; margin-left: 100px;}
.travel-box .left .lineBg .left{ width: 115px; height: 140px; padding-left: 30px; text-align: left;}
.travel-box .left .lineBg .left span{ display: block; margin:40px auto 0px;}
.travel-box .left .lineBg .left em{ display: block; font-size: 14px; font-weight: bold;}
.travel-box .left .lineBg small{ color: #9b9b9b; display: block;}
.travel-box .left .lineBg strong{ font-size: 16px;}
.travel-box .left .lineBg .right{ width: 430px; height: 130px; padding:5px 0; margin-bottom: 0px; background: none;}
.travel-box .left .lineBg .right span{ display: inline-block; width: 170px; padding:10px 10px 10px 20px;}
.travel-box .left .lineBg .right strong{ display: inline-block; width: 170px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.travel-box .left .lineBg .no-data{ width: 500px; height: 136px; line-height: 136px; text-align: center; background: #fff; margin:2px auto; font-size: 16px; font-weight: bold;}
.travel-box .left .lineBg .no-data a{ color: #333; border-bottom: 1px dashed #333;}
.travel-box .left .lineBg .no-data a:hover{  color: #FA8F12; border-bottom: 1px dashed #FA8F12;}
.travel-box .left .fly-line .icon-fly{ position: absolute; right: 265px; top: 55px; width: 35px; height: 15px; background-position: -40px -238px;}
.travel-box .left .fly-line .lineBg .right span{ padding:5px 10px 0px 20px;}
.travel-box .left .hotel-line .lineBg .right strong{ width: 365px;}
.travel-box .left .train-line .icon-train{ position: absolute; right: 265px; top: 45px; width: 65px; height: 15px; background-position: -1px -258px;}
.travel-box .left .buttonBox{ width: 300px; height: 40px; margin:10px auto 0px;}
.travel-box .left .buttonBox button{ width: 140px; height: 35px; margin:0px 5px; border:1px solid #fff; border-radius: 2px; background-color: rgba(0,0,0,0.5); color: #fff;}
.travel-box .left .buttonBox button:hover{ background-color: rgba(250,143,18,1); background: #FA8F12; filter:Alpha(opacity=100);}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
  .travel-box .newBox,.travel-box .left .buttonBox button{
    background-color:#000;
    filter:Alpha(opacity=50);
    position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
  }
  .travel-box .newBox div{ position: relative;/* 设置子元素为相对定位，可让子元素不继承Alpha值 */}  
}
.travel-box .right{ float: right; margin-bottom: 20px; border-radius: 2px;}
.travel-box .adBox{ width: 360px; height: 325px; /* background-color: rgba(0,0,0,0.5); */ border-radius: 2px; overflow: hidden;}
.travel-box .newBox{ width: 340px; height: 430px; padding:10px; color: #fff; font-size: 16px; background-color: rgba(0,0,0,0.5);}
.travel-box .newBox .newBox-hd a{ display: inline-block; width: 170px; height: 50px; text-align: center; line-height: 50px; color: #9b9b9b; border-bottom: 2px solid #fff; font-size: 18px;}
.travel-box .newBox .newBox-hd a:hover,.travel-box .newBox .newBox-hd .selected{ color: #FA8F12; border-bottom: 2px solid #FA8F12;}
.travel-box .newBox .newBox-bd{ height: 380px;}
.travel-box .newBox .newBox-bd li{ padding: 5px; border-bottom: 1px dashed #ccc;}
.travel-box .newBox .newBox-bd li .con{  float: left; color: #fff;/*  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; */}
.travel-box .newBox .newBox-bd li .con:hover,.travel-box .newBox .more-info a:hover{ color: #FA8F12; }
.travel-box .newBox .newBox-bd li .data{ text-align: right; color: #9b9b9b; font-size: 14px; float: right;}
.travel-box .newBox .business-info{ display: none;}
.travel-box .newBox .more-info{ text-align: right; padding: 12px;}
.travel-box .newBox .more-info a{ color: #fff;}
.travel-box .newBox .zhiding2{ float: left; width: 34px; height: 17px; background: url(../../images/main/zhiding2.png) no-repeat; margin-left: 5px;}


.service-box{ width: 100%; background: #fff;}
.service-box .sBox-hd{ width: 500px; height: 90px; margin:50px auto;}
.service-box .sBox-bd{ width: 1180px; height: 465px; background: #ccc; margin-bottom: 50px; overflow:hidden;}
.service-box .sBox-bd li{ float: left; width: 295px; position: relative; *position: relative;}
.service-box .sBox-bd li .bottomPic{ display: none;}
.service-box .sBox-bd li i{ position: absolute; left: 50%; margin-left: -45px; top: 50%; margin-top: -43px; width: 90px; background: url(../../images/main/sBox/sBox-icon.png) no-repeat; font-size: 24px; color: #fff; text-align: center; padding-top: 90px;}
.service-box .sBox-bd li .icon-bx{ background-position: 0px 0px;}
.service-box .sBox-bd li .icon-jsj{ background-position: -95px 0px;}
.service-box .sBox-bd li .icon-wifi{ background-position: -195px 0px;}
.service-box .sBox-bd li .icon-qz{ background-position: -295px 0px;}

/*快速预订框内容修改*/
.booking-box .left .tabCon .flight .queryItem{ width: 248px; }
.booking-box .left .tabCon .flight .liFull{ width: 100%; height: 30px;line-height: 24px;}
.booking-box .left .tabCon .flight .go-time input,.booking-box .left .tabCon .flight .change-time input,.booking-box .left .tabCon .flight .back-time input{background: url(../../images/global/control-icon.png) no-repeat; background-position: 110px -230px;}
.booking-box .left .tabCon .flight .queryItem .ipt-text{ width: 130px; }
.booking-box .left .tabCon .flight .part-right .queryItem{ width: 430px;}