﻿/*旅行社样式*/
.index{}
.index .topSearch .search{width: 626px;}
.index .topSearch .search .inputText{width: 456px;}
.breadCrumb {padding-top: 20px;padding-bottom: 20px;}
.breadCrumb span {color: #999;float: right;}
.breadCrumb li {color: #757575;float: left;}
.breadCrumb li:first-child {padding-right: 5px;}
.breadCrumb li em {color: #888;font-family: '\5B8B\4F53';padding: 0 8px;}
.breadCrumb li a {color: #39F;}
.breadCrumb li a:hover {text-decoration: underline;}

/*城市搜索框*/
.topSearch{background: #fff;padding: 0 0 20px;}
.topSearch .cityBox{float: left;width: 230px;height: 44px;position: relative;margin: 0 20px 0 0px;}
.topSearch .cityBox .city{width: 220px;height: 35px;line-height: 35px;padding: 4px;border: 1px solid #dcdcdc;background-color: #fff;border-radius: 2px;position: relative;cursor: pointer;}
.topSearch .cityBox .city i,.topSearch .search i,.topSearch .cityBox .city s{background: url(../images/line/lIndex.png) no-repeat;}
.topSearch .cityBox .city i{display: inline-block;height: 36px;width: 60px;background-position: 3px -2px;vertical-align: top;}
.topSearch .cityBox .city s{width: 41px;display: inline-block;vertical-align: top;height: 36px;background-position: -178px 12px;}
.topSearch .cityBox.cur .city s{background-position: -227px 12px;}
.topSearch .cityBox .cityName{display: inline-block;vertical-align: top;height: 36px;width: 110px;font-size: 14px;color: #999;border-right: 1px solid #ddd;}
.topSearch .cityBox .cityName strong{font-size: 16px;color: #333;display: inline-block;}
.topSearch .search{float: left;height: 41px;width: 656px;border: 2px solid #ff9913;border-radius: 2px;background-color: #fff;position: relative;}
.topSearch .search i{background-position: -58px 4px;background-size: 235px auto;float: left;height:41px;width:42px;}
.topSearch .search li{float: left;}
.topSearch .search .inputText{border: 0 none;outline: 0 none;color: #999;float: left;font-size: 14px;height: 25px;line-height: 25px;padding: 8px 2px;width: 486px;}
.topSearch .search .inputText:focus{box-shadow: inherit;}
.topSearch .search .sBtn{background-color: #ff9913;border: 0 none;color: #fff;float: left;font-size: 18px;height: 41px;line-height: 41px;text-align: center;width: 124px;cursor: pointer;}
/**城市选择**/
.dropDestination .dropMenu{position: absolute;left: 0px;top: 45px;z-index: 100;display:block;}
.dropDestination .dropMenu::after{left: 75px;position: absolute;top: -16px;z-index: 99999;}

/*旅行社首页搜索，幻灯片*/
.index .topMod{ padding-top:20px; position:relative;}
.index .topMod .rightBox{display: inline;float: left;margin-left: 20px;width: 880px;}

/*旅行社服务承诺*/
.index .service{background: #fff; float: left; height: 377px; position: relative; width: 300px;}
.index .service h2{background: #3aa400 url("../images/lxs/icon.png") no-repeat scroll 25px 5px; color: #fff; font-size: 18px; height: 44px; line-height: 44px; padding-left: 76px;}
.index .service ul{padding-left: 13px; padding-right: 10px; border: 1px solid #dfdfdf;}
.index .service li{padding:12px 0 13px 63px;background:url(../images/lxs/service.png) no-repeat;border-bottom:1px solid #f1f1f1;padding-right:5px;}
.index .service li .hd{font-weight:700;color:#666;font-size:14px;}
.index .service li.wangdian{background-position:0px 12px;}
.index .service li.tonghang{background-position:0px -108px;}
.index .service li.guwen{background-position:0px -230px;}
.index .service li.liucheng{background-position:0px -579px;border-bottom:0;}
.index .service li .bd{color:#818181;}

/**搜索**/
.index .searchBox{background: #e7eaef;height: 32px;line-height: 32px;padding: 5px;}
.index .searchBox dd{background: #FFF;display: inline;float: left;height: 32px;margin-right: 5px;padding: 0 6px;position: relative;z-index: 10;}
.index .searchBox dd.btn{padding: 0;}
.index .searchBox .subBtn{background: #3AA400;border: 0;color: #FFF;cursor: pointer;display: block;height: 32px;line-height: 32px;width: 64px;text-align: center;}
.index .searchBox input:focus{box-shadow: none;}
.index .searchBox .inputText{background: url(../images/searchicon.gif) no-repeat right 0;border: 0;background-color: #FFF;color: #666;height: 20px;line-height: 20px;overflow: hidden;padding: 6px 26px 6px 0;_padding: 5px 26px 5px 0;width: 100px;}
.index .searchBox .inputDrop{background-position: right 14px;}
.index .searchBox .keyword{background: #FFF;padding-right: 0;width: 280px;}
.index .searchBox .dropDown{display: none;position: absolute;left: -5px;top: 37px;width: 440px;z-index: 100;}
.index .searchBox .dropDown .box{background: #FFF;border: 1px solid #DFDFDF;padding-bottom: 15px;}
.index .searchBox .dropDown li{float: left; height:28px;line-height:28px;text-align:center;border: 1px solid #efefef;border-radius: 1px;cursor: pointer;padding: 0 10px;margin-top: 15px;margin-left:15px;}
.index .searchBox .dropDown li:hover{border-color: #3aa400; color: #3aa400;transition: all 0.3s ease-out 0s;}
.index .searchBox .hotKey{background: #e7eaef;color: #333;overflow: hidden;padding-right: 0;margin-right: 0;width: 350px;}
.index .searchBox .hotKey li{float: left;margin-right: 10px;}

/**幻灯片**/
.index .slider{width:880px;position:relative; overflow:hidden;height:312px;background:#ccc; float:left;display:inline;}
.index .slider .bd{position:relative; z-index:0;}
.index .slider .bd li{height:312px; overflow:hidden; position: relative;}
.index .slider .bd li img{display:block; width:880px; height:312px;}
.index .slider .bd li .bg,.index .slider .bd li .txt{position:absolute;bottom:0px;left:0px;height:40px; line-height: 40px; font-size:14px;width:870px;padding:0 5px;overflow:hidden;color: #fff;}
.index .slider .bd li .bg{background:#000;opacity: 0.6;filter: alpha(opacity=60);}
.index .slider .hd{position:absolute; z-index:1; bottom:0; right:10px; height:28px; line-height:28px;}
.index .slider .hd ul{text-align:center;}
.index .slider .hd ul li{cursor:pointer; display:inline-block; *display:inline; zoom:1; width:18px; height:18px; margin:0 4px;background:url(../images/hotel/dot.png) no-repeat 0 -32px;overflow:hidden; vertical-align:top; line-height:9999px;_background:#FFF;}
.index .slider .hd ul .on{background-position:0 0;_background:#3AA400;}
.index .slider .timer{position:absolute; z-index:1; left:0; bottom:0; height:4px; width:0; background:#000; filter:alpha(opacity=40);opacity:0.4; font-size:0; overflow:hidden;}

/*首页入驻旅行社*/
.indexMod{margin-top: 20px;}
.indexMod .leftBox{float: left;width: 910px;}
.indexMod .rightBox{float: left;margin-left: 20px;width: 270px;}

.lxsMod{border:1px solid #E6E6E6;background:#FFF;}
.lxsMod .hd{height:40px;line-height:40px;position:relative;border-bottom:1px solid #E6E6E6;font-size:16px; padding-left:12px;background:#F4F4F4;}
.lxsMod .hd .more{font-size: 12px;position: absolute;right: 12px;top: 0;z-index: 100;}
.lxsMod .hd ul{position:absolute;bottom:-1px;left:150px;}
.lxsMod .hd li{float:left;padding:0 12px; font-size:14px; height:36px;line-height:36px;cursor:pointer;font-weight:500;color:#333;}
.lxsMod .hd li.on{background:url(../images/hotel/tabbg.gif) no-repeat 50% bottom;border-bottom:2px solid #3AA400; color:#3AA400;}
.lxsMod .bd{padding:15px 0 0 15px;height:443px;overflow:hidden;width: 893px;}
.lxsMod .bd .con{width: 920px;}
.lxsMod .bd li{float:left;width: 281px;margin-right:15px;margin-bottom:15px;display:inline;border: 1px solid #eaeaea;}
.lxsMod .bd li:hover{border-color: #3AA400;}
.lxsMod .bd li .img{width:281px;height:165px;text-align: center;line-height: 155px;position: relative;}
.lxsMod .bd li img{padding: 5px;max-width:271px;max-height:145px;}
.lxsMod .bd li .title{background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;border-top: 1px solid rgba(255, 255, 255, 0.3);color: #fff;font-size:14px;width:261px;height:28px;line-height:28px;padding: 0 10px;overflow:hidden;position: absolute;bottom: 0px;left: 0px;z-index: 10;text-align: left;}
.lxsMod .bd li .txt{color:#666;padding: 10px;border-top: 1px solid #eaeaea;background: #f1f1f1;height:17px;}
.lxsMod .bd li .txt span{float:right;}
.lxsMod .bd li .txt em{}
.rightBox .problem{background:#FFF;padding:10px;}
.rightBox .problem li{ height:30px; line-height:30px; font-size:12px; background:url(../images/dot.gif) no-repeat 5px center; padding-left:16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.rightBox .banner{margin-top: 20px;height: 84px;width: 270px;}
.rightBox .banner li{float: left;width: 270px;}
.rightBox .banner li a{width: 270px;height: 84px;display: block;background: url(../images/lxs/openshop.jpg) no-repeat;}

/*认证图标*/
.ico i{ display:inline-block; position:relative; margin-left: 3px; top:-2px; width:16px; height:16px; background:url(../images/lxs/iconLxs.png) no-repeat 0 0; vertical-align:middle; overflow:hidden;}
.ico i.i1{ background-position:0 0;}
.ico i.i2{background: url(../images/lxs/iconLxs2.png) no-repeat 0 0/17px;display:none;}
.ico i.i3{background: url(../images/lxs/iconLxs3.png) no-repeat 0 0/16px;display:none;}
.ico i.i4{background: url(../images/lxs/iconLxs4.png) no-repeat 0 0/18px;display:none;}
.ico i.iNot1{ background-position:0 -30px;}

/*旅行社列表*/
.list{}
.list .listWrapper{}
.list .listWrapper .leftBox{float:left;width:910px;}
.list .listWrapper .rightBox{width:270px;float:left;margin-left:20px;display:inline;}
.list .listWrapper .leftBox .sort{border:1px solid #E6E6E6;background:#fff;}
.list .listWrapper .leftBox .sort a{float:left;height:40px; line-height:40px; padding:0 14px 0 12px;border-right:1px solid #EBEFF3;color:#666;position:relative; background:#FFF;width:40px;}
.list .listWrapper .leftBox .sort a i{height:30px;width:10px;position:absolute;background:url(../images/arrowbg.gif) no-repeat 35px -39px;right:10px;top:0;}
.list .listWrapper .leftBox .sort a:hover{text-decoration:none;}
.list .listWrapper .leftBox .sort a.default{background-image:none !important;padding:0 12px;}
.list .listWrapper .leftBox .sort a.default i{background-position:2px -24px;}
.list .listWrapper .leftBox .sort a.cur.default i{background-position:2px -64px;}
.list .listWrapper .leftBox .sort a.asc i{background-position:2px -24px;}
.list .listWrapper .leftBox .sort a.desc i{background-position:2px -64px;}
.list .listWrapper .leftBox .sort a.cur{font-weight:700;color:#3aa400;}
.list .listWrapper .leftBox .sort a.cur.asc i{background-position:2px -24px;}
.list .listWrapper .leftBox .sort a.cur.desc i{background-position:2px -64px;}
.list .listWrapper .leftBox .sort .topPages{float:right;background:#fff;}
.list .listWrapper .leftBox .sort .topPages a{margin:0;padding:0 8px;border-left:1px solid #EBEFF3; border-right:none;}
.list .listWrapper .leftBox .sort .topPages a:hover{background:#3AA400;color:#FFF;}
.list .listWrapper .leftBox .sort .topPages a.no{background:#E5E5E5;color:#999;cursor:default;}
.list .listWrapper .leftBox .sort .topPages a.next{border-right:1px solid #EBEFF3;}
.list .listWrapper .leftBox .sort span{float:left;height:40px; line-height:40px;font-size:14px;padding:0 8px;color:#787878;border-left: 1px solid #ebeff3;min-width: 40px;text-align: center;}
.list .listWrapper .noContent{margin-top:20px;background:#fff5df;padding:30px 60px;}
.list .listWrapper .noContent .content{background:url(../images/hotel/icon.png) no-repeat 0 -135px; height:50px;padding-left:60px;font-size:18px;color:#000;}
.list .listWrapper .noContent .content p{font-size:14px;color:#666;}
.list .listWrapper .noContent .content p a{color:#2e7dcd;}

/*旅行社列表数据*/
.list .lxsList{margin-bottom:20px;}
.list .lxsList .item{background: url(../images/line/router.png) no-repeat scroll right bottom #fff;border: 1px solid #e6e6e6;margin-top: 20px;padding: 15px; position:relative;width: 878px;}
.list .lxsList .item:hover{border-color: #f60;}
.list .lxsList .logoImg{background: url(../images/lxs/casebg.png) no-repeat scroll -288px 0;width:200px; height: 100px; float:left; display:inline; padding: 5px 10px 5px 5px;}
.list .lxsList .logoImg a{display:block; width:200px; float:left; height:100px; line-height: 100px; text-align: center; background:#fff; overflow:hidden;}
.list .lxsList .logoImg a img{-webkit-transition: all 1.1s;-moz-transition: all 1.1s;-o-transition: all 1.1s;-ms-transition: all 1.1s;transition: all 1.1s;max-width: 200px;}
.list .lxsList .logoImg a:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform: scale(1.1);}
.list .lxsList .info{width:663px; float:right;}
.list .lxsList .info h3{position:relative; height: 32px; line-height: 32px; font-size:16px; padding-left:10px; font-weight:normal;overflow: hidden;}
.list .lxsList .info h3 i{position:relative; margin-left: 3px; top:-2px; width:16px; height:16px; background:url(../images/lxs/iconLxs.png) no-repeat 0 0; vertical-align:middle; overflow:hidden;display: inline-block;}
.list .lxsList .info h3 i.i1{background-position:0 0;}
.list .lxsList .info h3 i.i2{background: url(../images/lxs/iconLxs2.png) no-repeat 0 0/17px;display:none; }
.list .lxsList .info h3 i.i3{background: url(../images/lxs/iconLxs3.png) no-repeat 0 0/16px;display:none; }
.list .lxsList .info h3 i.i4{background: url(../images/lxs/iconLxs4.png) no-repeat 0 0/18px;display:none; }
.list .lxsList .info h3 i.iNot1{ background-position:0 -30px;}
.list .lxsList .info h3 a{display:inline; color:#16b;}
.list .lxsList .info h3 a:hover{text-decoration: underline;}
.list .lxsList .info li{text-indent:10px; line-height:26px; height:26px; color:#555; overflow:hidden;}
.list .lxsList .info li.intro{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 600px;}
.list .lxsList .info .txt1{width:100%; float:left; padding-top:4px;}
.list .lxsList .info p{width:100%; float:left; margin-bottom:10px; height:21px; line-height:21px; font-size:12px; text-indent:16px; color:#555; overflow:hidden; }
.list .lxsList .info p i{display:block; position:absolute; margin-left:10px; *margin-left:-8px; margin-top:10px; *margin-top:5px; width:2px; height:2px; font-size:2px; background:#9a9a9a; overflow:hidden;}
.list .lxsList .info p span{width:100px; font-family:Arial, Helvetica, sans-serif; color:#f73; font-size:13px; padding-left:20px;}
.list .lxsList .info p span em{font-weight:normal; font-size:13px; padding-left:24px;}
.list .lxsList .info p a{color:#777;}
.list .lxsList .info p a:hover{color:#f73;}
.list .lxsList .info p.message a{color:#009900; text-decoration:underline;}
.list .lxsList .favorite{bottom: 0;display: block;height: 48px; position: absolute;right: 0; width: 57px;}
.list .lxsList .favorite a{ display: block; height: 48px;text-indent: -20000em; width: 57px;background:url(../images/line/favorite.png) no-repeat;}
.list .lxsList .favorite a:hover{background-position:0 -96px;}
.list .lxsList .favorite a.on{background-position:0 -49px;}

/*右侧的通用框架*/
.list .recommend{background:#FFF;margin-bottom: 20px;}
.list .recommend .hd{font-size:16px;text-indent:12px;background:#F4F4F4; height:40px; line-height:40px;border:1px solid #E6E6E6;position: relative;}
.list .recommend .hd .more{float:right; padding-right:10px;font-size:12px; font-weight:500;}
.list .recommend .hd .num { position: absolute; z-index: 3; bottom: 15px; right: 10px; }
.list .recommend .hd .num li{display:block;float:left;margin:0 0 0 5px;width:12px;height:12px;cursor:pointer;border-radius:50%;text-indent:-999em;cursor:pointer;box-shadow:inset 0 0 0 2px #fff;-webkit-transition:box-shadow 0.3s ease;transition:box-shadow 0.3s ease;background-color:#3AA400;}
.list .recommend .hd .num li:hover,.list .recommend .hd .num li:focus{box-shadow:inset 0 0 0 2px rgba(255,255,255,0.6)}
.list .recommend .hd .num li.on{box-shadow:inset 0 0 0 8px #3AA400;}
.list .recommend .content{padding:0 10px;border:1px solid #E6E6E6; border-width:0 1px 1px;overflow: hidden;}
.list .recommend .content dl{padding:10px 0; height: 209px;}
.list .recommend .content dt{width:248px;height:138px;line-height: 138px;padding-bottom: 10px;border-bottom: 1px dashed #dfdfdf;text-align: center;}
.list .recommend .content dd{height:30px;line-height:30px;overflow:hidden;}
.list .recommend .content img{max-width:248px;max-height:138px;}
.list .recommend .content dd span.more{float: right;}
.list .recommend .content.txt{padding:5px 15px;}
.list .recommend .content.txt li{background: url(../images/dot.gif) no-repeat scroll 0 11px;display:block; width:100%; height:24px; line-height:24px; overflow:hidden; padding-left: 10px;text-overflow: ellipsis; white-space: nowrap;}
.list .recommend .content.txt li a{color:#606060;}
.list .recommend .content.txt li a:hover{color:#f73;}
